import locale from '../locale/locale';
import luckysheetConfigsetting from './luckysheetConfigsetting';
import Store from '../store';
import { getObjType, camel2split } from '../utils/util';

export function defaultToolbar(){
    let arr = [ 
        'dsList',
        'dsList2',
        'dataAnalyse',
        'saveFile',
        'import',
        'exportXlsx',
        'undo',
        'redo',
        'paintFormat',
        'sort',
        'sortAndFilter',
        'duplicateItem',
        '|',

        'currencyFormat',
        'percentageFormat',
        'numberDecrease',
        'numberIncrease',
        'moreFormats',
        '|',

        'font',
        '|',
        'fontSize',
        '|',
        'bold',
        'italic',
        'strikethrough',
        'underline',
        'textColor',
        '|',

        'fillColor',
        'border',
        'mergeCell',
        '|',

        'horizontalAlignMode',
        'verticalAlignMode',
        'textWrapMode',
        'textRotateMode',
        '|',

        'image',
        'link',
        'chart',
        'postil',
        'pivotTable',
        '|',
        'superScript',
        'subScript',
        'function',
        'frozenMode',
        'conditionalFormat',
        'dataVerification',
        'splitColumn',
        'screenshot',
        'findAndReplace',
        'protection',
        'print',
        'refreshSheet',
        'refreshFormula',
        'showFormula'
    ]
    if(Store.toolbarArr){
        arr = Store.toolbarArr
    }
    return arr
}

// // 默认的工具栏按钮
// export const defaultToolbar = [
//     'dsList',
//     'dsList2',
//     'dataAnalyse',
//     'import',
//     'saveFile',
//     'exportXlsx',
//     'undo',
//     'redo',
//     'paintFormat',
//     'sort',
//     'sortAndFilter',
//     '|',

//     'currencyFormat',
//     'percentageFormat',
//     'numberDecrease',
//     'numberIncrease',
//     'moreFormats',
//     '|',

//     'font',
//     '|',
//     'fontSize',
//     '|',

//     'bold',
//     'italic',
//     'strikethrough',
//     'underline',
//     'textColor',
//     '|',

//     'fillColor',
//     'border',
//     'mergeCell',
//     '|',

//     'horizontalAlignMode',
//     'verticalAlignMode',
//     'textWrapMode',
//     'textRotateMode',
//     '|',

//     'image',
//     'link',
//     'chart',
//     'postil',
//     'pivotTable',
//     '|',

//     'function',
//     'frozenMode',
//     'conditionalFormat',
//     'dataVerification',
//     'splitColumn',
//     'screenshot',
//     'findAndReplace',
//     'protection',
//     'print',
//     'refreshSheet',
//     'refreshFormula'
// ];

// 工具栏按钮 id 关系
export const toolbarIdMap = {
    superScript:'#luckysheet-superScript',
    subScript:'#luckysheet-subScript',
    showFormula:'#luckysheet-icon-showFormula',
    refreshSheet: '#luckysheet-icon-refreshSheet',
    refreshFormula: '#luckysheet-icon-refreshFormula',
    dsList: '#luckysheet-icon-dsList',
    dsList2: '#luckysheet-icon-dsList2',
    dataAnalyse:'#luckysheet-icon-dataAnalyse',
    import: '#luckysheet-icon-import',
    saveFile: '#luckysheet-icon-save',
    exportXlsx: '#luckysheet-icon-export',
    undo: '#luckysheet-icon-undo', //Undo redo
    redo: '#luckysheet-icon-redo',
    paintFormat: ['#luckysheet-icon-paintformat'], //Format brush
    currencyFormat: '#luckysheet-icon-currency', //currency format
    percentageFormat: '#luckysheet-icon-percent', //Percentage format
    numberDecrease: '#luckysheet-icon-fmt-decimal-decrease', //'Decrease the number of decimal places'
    numberIncrease: '#luckysheet-icon-fmt-decimal-increase', //'Increase the number of decimal places
    moreFormats: '#luckysheet-icon-fmt-other', //'More Formats'
    font: '#luckysheet-icon-font-family', //'font'
    fontSize: '#luckysheet-icon-font-size', //'Font size'
    bold: '#luckysheet-icon-bold', //'Bold (Ctrl+B)'
    italic: '#luckysheet-icon-italic', //'Italic (Ctrl+I)'
    strikethrough: '#luckysheet-icon-strikethrough', //'Strikethrough (Alt+Shift+5)'
    underline: '#luckysheet-icon-underline', //'Underline (Alt+Shift+6)'
    textColor: ['#luckysheet-icon-text-color', '#luckysheet-icon-text-color-menu'], //'Text color'
    fillColor: ['#luckysheet-icon-cell-color', '#luckysheet-icon-cell-color-menu'], //'Cell color'
    border: ['#luckysheet-icon-border-all', '#luckysheet-icon-border-menu'], //'border'
    mergeCell: ['#luckysheet-icon-merge-button', '#luckysheet-icon-merge-menu'], //'Merge cells'
    horizontalAlignMode: ['#luckysheet-icon-align', '#luckysheet-icon-align-menu'], //'Horizontal alignment'
    verticalAlignMode: ['#luckysheet-icon-valign', '#luckysheet-icon-valign-menu'], //'Vertical alignment'
    textWrapMode: ['#luckysheet-icon-textwrap', '#luckysheet-icon-textwrap-menu'], //'Wrap mode'
    textRotateMode: ['#luckysheet-icon-rotation', '#luckysheet-icon-rotation-menu'], //'Text Rotation Mode'
    image: '#luckysheet-insertImg-btn-title', //'Insert link'
    link: '#luckysheet-insertLink-btn-title', //'Insert picture'
    chart: '#luckysheet-chart-btn-title', //'chart' (the icon is hidden, but if the chart plugin is configured, you can still create a new chart by right click)
    postil: '#luckysheet-icon-postil', //'comment'
    pivotTable: ['#luckysheet-pivot-btn-title'], //'PivotTable'
    function: ['#luckysheet-icon-function', '#luckysheet-icon-function-menu'], //'formula'
    frozenMode: ['#luckysheet-freezen-btn-horizontal', '#luckysheet-icon-freezen-menu'], //'freeze mode'
    sortAndFilter: '#luckysheet-icon-autofilter', //'sort and filter'
    sort : '#luckysheet-icon-sort',// nby 排序和筛选分开
    duplicateItem : "#luckysheet-icon-duplicateItem", // nby 重复项
    conditionalFormat: '#luckysheet-icon-conditionformat', //'Conditional Format'
    dataVerification: '#luckysheet-dataVerification-btn-title', // 'Data Verification'
    splitColumn: '#luckysheet-splitColumn-btn-title', //'Split column'
    screenshot: '#luckysheet-chart-btn-screenshot', //'screenshot'
    findAndReplace: '#luckysheet-icon-seachmore', //'Find and Replace'
    protection: '#luckysheet-icon-protection', // 'Worksheet protection'
    print: '#luckysheet-icon-print' // 'print'
};

// 创建工具栏按钮的html
export function createToolbarHtml55() {
    // <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-shujuyanzheng"
    // style="user-select: none;">
    // </div>
    // <img class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block" id='dsImg' src='./static/assets/images/dsList.png' style="user-select: none;display:block;width:16px;height:14px;"  />
    const toolbar = locale().toolbar;
    const fontarray = locale().fontarray;
    const defaultFmtArray = locale().defaultFmt;
    const htmlMap = {
        superScript:`
            <div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block"
            data-tips="上标" id="luckysheet-superScript" role="button" style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                    style="user-select: none;display:flex;justify-content:center;align-items:center;">
                        <i class="icon iconfont icon-zitishangbiao" style="font-size: 14px; color: #000;margin-bottom:1px;"></i>
                    </div>
                </div>
            </div>
        `,
        subScript: `
        <div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="下标" id="luckysheet-subScript" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;display:flex;justify-content:center;align-items:center;">
                    <i class="icon iconfont icon-zitixiabiao" style="font-size: 14px; color: #000;margin-bottom:1px;"></i>
                </div>
            </div>
        </div>
        `,
        dsList: `<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="打开数据集" id="luckysheet-icon-dsList" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;display:flex;justify-content:center;align-items:center;">
                    <i class="icon iconfont icon-tucengshaixuan" style="font-size: 14px; color: #000;"></i>
                </div>
            </div>
        </div>`,
        dsList2: `<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="打开数据集2" id="luckysheet-icon-dsList2" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;display:flex;justify-content:center;align-items:center;">
                    <i class="icon iconfont icon-tucengshaixuan" style="font-size: 14px; color: #000;"></i>
                </div>
            </div>
        </div>`,
        dataAnalyse: `<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="打开数据分析" id="luckysheet-icon-dataAnalyse" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;display:flex;justify-content:center;align-items:center;">
                    <i class="icon iconfont icon-changguishujutongji" style="font-size: 15px; color: #000;"></i>
                </div>
            </div>
        </div>`,
        // import: `<div class="luckysheet-toolbar-button luckysheet-inline-block disabled" data-tips="${toolbar.import}"
        // id="luckysheet-icon-import" role="button" style="user-select: none;">
        //     <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
        //     style="user-select: none;">
        //         <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
        //         style="user-select: none;">
        //             <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
        //                 <i class="icon iconfont icon-daoru" style="font-size: 20px; color: #000"></i>
        //             </div>
        //         </div>
        //     </div>
        // </div>`,
        import: `<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block" data-tips="${toolbar.import}"
        id="" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div id='importConDiv' class="luckysheet-toolbar-button-inner-box luckysheet-inline-block "
                style="user-select: none;">
                    <div id='luckysheet-icon-import' class="luckysheet-icon luckysheet-inline-block my-saixuan" style="user-select: none;border-right:1px solid transparent;">
                        <!--
                        <i class="iconfont icon-daoru2" style="font-size: 17px; color: #000"></i>
                        -->
                       <!--<svg style='color:black;width:20px;height:18px;margin-top:4px;' t="1685408548863" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5922" width="200" height="200"><path d="M877 43.8H339.6c-37.5 0-68 30.5-68 68v199.6c0 11 9 20 20 20s20-9 20-20V111.8c0-15.4 12.6-28 28-28H877c15.4 0 28 12.6 28 28v795.7c0 15.4-12.6 28-28 28H339.6c-15.4 0-28-12.6-28-28v-196c0-11-9-20-20-20s-20 9-20 20v196c0 37.5 30.5 68 68 68H877c37.5 0 68-30.5 68-68V111.8c0-37.5-30.5-68-68-68z" fill="#010101" p-id="5923"></path><path d="M594.4 655.7c-8 7.7-8.2 20.3-0.5 28.3 3.9 4.1 9.2 6.1 14.4 6.1 5 0 10-1.9 13.9-5.6L786.9 526c3.7-3.5 5.7-8.1 6-12.8v-0.5-0.9c0.1-5.5-2-10.9-6.1-14.8L622.1 338.6c-8-7.7-20.6-7.4-28.3 0.5s-7.4 20.6 0.5 28.3l129 124.1H98c-11 0-20 9-20 20s9 20 20 20h625.6L594.4 655.7z" fill="#010101" p-id="5924"></path></svg>-->
                       <svg style='color:black;width:16px;height:19px;margin-top:4px;' t="1685409456740" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="28233" width="200" height="200"><path d="M960 938.666667H64c-36.266667 0-64-27.733333-64-64V149.333333c0-36.266667 27.733333-64 64-64h315.733333c17.066667 0 34.133333 6.4 44.8 19.2l68.266667 68.266667c12.8 12.8 27.733333 19.2 44.8 19.2H960c36.266667 0 64 27.733333 64 64v618.666667c0 36.266667-27.733333 64-64 64z m21.333333-682.666667c0-12.8-8.533333-21.333333-21.333333-21.333333H537.6c-27.733333 0-55.466667-10.666667-74.666667-32l-68.266666-68.266667c-4.266667-4.266667-10.666667-6.4-14.933334-6.4H64c-12.8 0-21.333333 8.533333-21.333333 21.333333v725.333334c0 12.8 8.533333 21.333333 21.333333 21.333333h896c12.8 0 21.333333-8.533333 21.333333-21.333333V256zM539.733333 776.533333c-8.533333 8.533333-19.2 12.8-32 12.8-10.666667 0-23.466667-4.266667-32-12.8l-179.2-192c-25.6-27.733333-6.4-70.4 32-70.4H426.666667v-128c0-23.466667 19.2-42.666667 42.666666-42.666666h85.333334c23.466667 0 42.666667 19.2 42.666666 42.666666v128h89.6c36.266667 0 55.466667 44.8 32 70.4l-179.2 192zM554.666667 554.666667v-170.666667h-85.333334v170.666667h-138.666666l179.2 192 179.2-192H554.666667z" fill="#000000" p-id="28234"></path></svg>
                    </div>
                    <div id='importDropdown' class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    
                    style="user-select: none;margin-left: 2px;margin-right: 2px;height:100%;width:8px!important;">

                    </div>
                </div>
            </div>
        </div>`, //'Sort and filter'
        saveFile: `<div class="luckysheet-toolbar-button luckysheet-inline-block disabled" data-tips="${toolbar.saveFile}"
        id="luckysheet-icon-save" role="button" style="user-select: none;margin-right: 2px;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                        <i class="icon iconfont icon-baocun_o" style="font-size: 21px; color: #000"></i>
                    </div>
                </div>
            </div>
        </div>`,
        exportXlsx: `<div class="luckysheet-toolbar-button luckysheet-inline-block disabled" data-tips="${toolbar.exportXlsx}"
        id="luckysheet-icon-export" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                        <!--<i class="icon iconfont icon-daochu1" style="font-size: 17px; color: #000"></i>-->
                        <!--<svg  t="1685409078880" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17540" width="200" height="200"><path d="M611.84 702.976c-14.336 0-25.6 11.264-25.6 25.6v31.744c0 11.776-9.728 21.504-21.504 21.504h-291.84c-11.776 0-21.504-9.728-21.504-21.504v-496.128c0-11.776 9.728-21.504 21.504-21.504h291.84c11.776 0 21.504 9.728 21.504 21.504v32.768c0 14.336 11.264 25.6 25.6 25.6s25.6-11.264 25.6-25.6v-32.768c0-39.936-32.768-72.704-72.704-72.704h-291.84c-39.936 0-72.704 32.768-72.704 72.704v496.128c0 39.936 32.768 72.704 72.704 72.704h291.84c39.936 0 72.704-32.768 72.704-72.704v-31.744c0-14.336-11.776-25.6-25.6-25.6z" fill="#707070" p-id="17541"></path><path d="M810.496 478.208l-111.104-104.96c-4.608-4.608-11.264-7.168-17.408-7.168-7.168 0-13.824 3.072-18.944 8.192-9.728 10.24-9.216 26.624 1.024 36.352l79.872 75.264H440.32c-14.336 0-25.6 11.264-25.6 25.6s11.264 25.6 25.6 25.6h297.984l-74.24 70.144c-10.24 9.728-10.752 26.112-1.024 36.352 4.608 5.12 11.776 8.192 18.944 8.192 6.656 0 12.8-2.56 17.408-7.168l111.616-105.472c8.192-8.192 12.8-18.944 12.8-30.72 0-10.752-4.608-21.504-13.312-30.208z" fill="#707070" p-id="17542"></path></svg>-->
                        <svg style='color:black;width:16px;height:19px;margin-top:4px;' t="1685409625791" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="31972" width="200" height="200"><path d="M960 938.666667H64c-36.266667 0-64-27.733333-64-64V149.333333c0-36.266667 27.733333-64 64-64h315.733333c17.066667 0 34.133333 6.4 44.8 19.2l68.266667 68.266667c12.8 12.8 27.733333 19.2 44.8 19.2H960c36.266667 0 64 27.733333 64 64v618.666667c0 36.266667-27.733333 64-64 64z m21.333333-682.666667c0-12.8-8.533333-21.333333-21.333333-21.333333H537.6c-27.733333 0-55.466667-10.666667-74.666667-32l-68.266666-68.266667c-4.266667-4.266667-10.666667-6.4-14.933334-6.4H64c-12.8 0-21.333333 8.533333-21.333333 21.333333v725.333334c0 12.8 8.533333 21.333333 21.333333 21.333333h896c12.8 0 21.333333-8.533333 21.333333-21.333333V256z m-441.6 98.133333c-8.533333-8.533333-19.2-12.8-32-12.8-10.666667 0-23.466667 4.266667-32 12.8l-179.2 192c-25.6 27.733333-6.4 70.4 32 70.4H426.666667v128c0 23.466667 19.2 42.666667 42.666666 42.666667h85.333334c23.466667 0 42.666667-19.2 42.666666-42.666667v-128h89.6c36.266667 0 55.466667-44.8 32-70.4l-179.2-192zM554.666667 576v170.666667h-85.333334v-170.666667h-138.666666l179.2-192 179.2 192H554.666667z" fill="#000000" p-id="31973"></path></svg>
                    </div>
                </div>
            </div>
        </div>`,
        undo: `<div class="luckysheet-toolbar-button luckysheet-inline-block disabled" data-tips="${toolbar.undo}"
        id="luckysheet-icon-undo" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-undo iconfont luckysheet-iconfont-qianjin"
                        style="user-select: none;">
                        </div>
                    </div>
                </div>
            </div>
        </div>`,
        redo: `<div class="luckysheet-toolbar-button luckysheet-inline-block disabled" data-tips="${toolbar.redo}"
        id="luckysheet-icon-redo" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-redo iconfont luckysheet-iconfont-houtui"
                        style="user-select: none;">
                        </div>
                    </div>
                </div>
            </div>
        </div>`,
        paintFormat: `<div class="luckysheet-toolbar-button luckysheet-inline-block" data-tips="${toolbar.paintFormat}"
        id="luckysheet-icon-paintformat" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img iconfont luckysheet-iconfont-geshishua"
                        style="user-select: none;">
                        </div>
                    </div>
                </div>
            </div>
        </div>`,
        sort:`<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block" data-tips="${toolbar.sort}"
        id="luckysheet-icon-sort" role="button" style="user-select: none;padding:0 2px 0 0;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
                style="user-select: none;">
                <div id='sortDiv' class="luckysheet-toolbar-button-inner-box luckysheet-inline-block "
                    style="user-select: none;">
                    <div id='sortIcon' class="luckysheet-icon luckysheet-inline-block my-saixuan" style="user-select: none;border-right:1px solid transparent">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img  iconfont luckysheet-iconfont-shengxu"
                        style="user-select: none;margin-right:2px">
                        </div>
                    </div>
                    <div id='sortDropdown' class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                        style="user-select: none;margin-left: 2px;margin-right: 2px;height:100%;width:4px!important;">
                    </div>
                </div>
            </div>
        </div>`,
        sortAndFilter: `<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block" data-tips="${toolbar.sortAndFilter}"
        id="luckysheet-icon-autofilter" role="button" style="user-select: none;padding:0 2px 0 0;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
                style="user-select: none;">
                <div id='mySaixuanDiv' class="luckysheet-toolbar-button-inner-box luckysheet-inline-block "
                style="user-select: none;">
                    <div id='myAsc' class="luckysheet-icon luckysheet-inline-block my-saixuan" style="user-select: none;border-right:1px solid transparent">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-autofilter iconfont luckysheet-iconfont-shaixuan"
                        style="user-select: none;margin-right:2px">
                        </div>
                    </div>
                    <div id='myDropdown' class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;margin-left: 2px;margin-right: 2px;height:100%;width:4px!important;">

                    </div>
                </div>
            </div>
        </div>`, //'Sort and filter'

        duplicateItem:`<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block" data-tips="重复项"
        id="luckysheet-icon-duplicateItem" role="button" style="user-select: none;padding:0 2px 0 0;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
                style="user-select: none;">
                <div id='duplicateItemDiv' class="luckysheet-toolbar-button-inner-box luckysheet-inline-block "
                    style="user-select: none;">
                    <div id='duplicateItemIcon' class="luckysheet-icon luckysheet-inline-block my-saixuan" style="user-select: none;border-right:1px solid transparent">
                        <svg style="width:18px;height:18px;margin-top:4px;" t="1715757731746" class="icon" viewBox="0 0 1408 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4711" width="200" height="200"><path d="M0 320.521006V64.733949a63.946764 63.946764 0 0 1 63.946764-63.946764h703.414408a63.946764 63.946764 0 0 1 63.946764 63.946764v255.787057a63.946764 63.946764 0 0 1-63.946764 63.946765H63.946764a63.946764 63.946764 0 0 1-63.946764-63.946765z m1233.724924 45.210363a63.946764 63.946764 0 1 0 90.420725-90.420725L1241.462482 192.627478l82.683167-82.683167a63.946764 63.946764 0 0 0 0-90.420724l-0.575521-0.575521A63.946764 63.946764 0 0 0 1278.935286 0.787185h-0.38368a63.946764 63.946764 0 0 0-44.826682 18.736402L1151.041758 102.206753 1068.358591 19.523587a63.946764 63.946764 0 1 0-90.420724 90.420724L1060.621033 192.627478l-82.683166 82.683166a63.946764 63.946764 0 0 0 90.420724 90.420725L1151.041758 283.048202l82.683166 82.683167zM127.893529 128.680713v127.893529h575.520879V128.680713H127.893529zM0 959.988649v-255.787057a63.946764 63.946764 0 0 1 63.946764-63.946764h703.414408a63.946764 63.946764 0 0 1 63.946764 63.946764v255.787057a63.946764 63.946764 0 0 1-63.946764 63.946765H63.946764a63.946764 63.946764 0 0 1-63.946764-63.946765z m1036.385209-173.103891l79.549775 79.549775 178.795153-204.373859a63.946764 63.946764 0 0 1 96.303827 84.281836l-223.813675 255.787057A63.563084 63.563084 0 0 1 1119.068376 1023.935414a63.946764 63.946764 0 0 1-45.210363-18.736402l-127.893528-127.893529a63.946764 63.946764 0 0 1 90.420724-90.420725zM127.893529 768.148356v127.893529h575.520879v-127.893529H127.893529z" fill="#4E5969" p-id="4712"></path></svg>
                    </div>
                    <div id='duplicateItemDropDown' class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                        style="user-select: none;margin-left: 2px;margin-right: 2px;height:100%;width:4px!important;">
                    </div>
                </div>
            </div>
        </div>`,

        currencyFormat: `<div class="luckysheet-toolbar-button luckysheet-inline-block" data-tips="${toolbar.currencyFormat}"
        id="luckysheet-icon-currency" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img iconfont luckysheet-iconfont-jine"
                        style="user-select: none;">
                        </div>
                    </div>
                </div>
            </div>
        </div>`,
        percentageFormat: `<div class="luckysheet-toolbar-button luckysheet-inline-block" data-tips="${toolbar.percentageFormat}"
        id="luckysheet-icon-percent" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img iconfont luckysheet-iconfont-baifenhao"
                        style="user-select: none;">
                        </div>
                    </div>
                </div>
            </div>
        </div>`, //Percentage format
        numberDecrease: `<div class="luckysheet-toolbar-button luckysheet-inline-block" data-tips="${toolbar.numberDecrease}"
        id="luckysheet-icon-fmt-decimal-decrease" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block toolbar-decimal-icon"
                    style="user-select: none;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-decimal-decrease iconfont luckysheet-iconfont-zengjiaxiaoshuwei "
                        style="user-select: none;">
                        </div>
                    </div>
                </div>
            </div>
        </div>`, //'Decrease the number of decimal places'
        numberIncrease: `<div class="luckysheet-toolbar-button luckysheet-inline-block" data-tips="${toolbar.numberIncrease}"
        id="luckysheet-icon-fmt-decimal-increase" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block toolbar-decimal-icon"
                    style="user-select: none;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-decimal-increase iconfont luckysheet-iconfont-jianxiaoxiaoshuwei"
                        style="user-select: none;">
                        </div>
                    </div>
                </div>
            </div>
        </div>`, //'Increase the number of decimal places
        moreFormats: `<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block" data-tips="${toolbar.moreFormats}"
        id="luckysheet-icon-fmt-other" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;border-right:1px solid transparent;">
                        ${defaultFmtArray[0].text}
                    </div>
                    <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;">
                    </div>
                </div>
            </div>
        </div>`, //'More Formats'
        font: `<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="${toolbar.font}" id="luckysheet-icon-font-family" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;border-right:1px solid transparent;">
                        ${fontarray[0]}
                    </div>
                    <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;">
                    </div>
                </div>
            </div>
        </div>`, //'font'
        fontSize: `<div class="luckysheet-toolbar-select luckysheet-toolbar-zoom-combobox luckysheet-toolbar-combo-button luckysheet-inline-block"
        data-tips="${toolbar.fontSize}" id="luckysheet-icon-font-size" style="user-select: none;">
            <div class="luckysheet-toolbar-combo-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-combo-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div aria-posinset="4" aria-setsize="7" class="luckysheet-inline-block luckysheet-toolbar-combo-button-caption"
                    style="user-select: none;border-right:1px solid transparent;">
                        <input aria-label="${toolbar.fontSize}" class="luckysheet-toolbar-combo-button-input luckysheet-toolbar-textinput"
                        role="combobox" style="user-select: none;" tabindex="-1" type="text" value="10"
                        />
                    </div>
                    <div class="luckysheet-toolbar-combo-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;">
                    </div>
                </div>
            </div>
        </div>`, //'Font size'
        bold: `<div class="luckysheet-toolbar-button luckysheet-inline-block" data-tips="${toolbar.bold}"
        id="luckysheet-icon-bold" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-bold iconfont luckysheet-iconfont-jiacu"
                        style="user-select: none;">
                        </div>
                    </div>
                </div>
            </div>
        </div>`, //'Bold (Ctrl+B)'
        italic: `<div class="luckysheet-toolbar-button luckysheet-inline-block" data-tips="${toolbar.italic}"
        id="luckysheet-icon-italic" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-italic iconfont luckysheet-iconfont-wenbenqingxie1"
                        style="user-select: none;">
                        </div>
                    </div>
                </div>
            </div>
        </div>`, //'Italic (Ctrl+I)'
        strikethrough: `<div class="luckysheet-toolbar-button luckysheet-inline-block" data-tips="${toolbar.strikethrough}"
        id="luckysheet-icon-strikethrough" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-strikethrough iconfont luckysheet-iconfont-wenbenshanchuxian"
                        style="user-select: none;">
                        </div>
                    </div>
                </div>
            </div>
        </div>`, //'Strikethrough (Alt+Shift+5)'
        underline: `<div class="luckysheet-toolbar-button luckysheet-inline-block" data-tips="${toolbar.underline}"
        id="luckysheet-icon-underline" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-underline iconfont luckysheet-iconfont-wenbenxiahuaxian"
                        style="user-select: none;">
                        </div>
                    </div>
                </div>
            </div>
        </div>`, //'Underline (Alt+Shift+6)'
        textColor: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block luckysheet-icon-text-color"
        data-tips="${toolbar.textColor}" id="luckysheet-icon-text-color" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        <div class="luckysheet-color-menu-button-indicator" style="border-bottom-color: rgb(0, 0, 0); user-select: none;">
                            <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                                <div class="text-color-bar" style="background-color:${luckysheetConfigsetting.defaultTextColor}"></div>
                                <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-text-color iconfont luckysheet-iconfont-wenbenyanse"
                                style="user-select: none;">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="luckysheet-toolbar-button-split-right luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="${toolbar.chooseColor}..." id="luckysheet-icon-text-color-menu" role="button"
        style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;">
                    </div>
                </div>
            </div>
        </div>`, //'Text color'
        fillColor: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block luckysheet-icon-cell-color"
        data-tips="${toolbar.fillColor}" id="luckysheet-icon-cell-color" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        <div class="luckysheet-color-menu-button-indicator" style="border-bottom-color: rgb(255, 255, 255); user-select: none;">
                            <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                                <div class="text-color-bar" style="background-color:${luckysheetConfigsetting.defaultCellColor}"></div>
                                <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-cell-color iconfont luckysheet-iconfont-tianchong"
                                style="user-select: none;">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="luckysheet-toolbar-button-split-right luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="${toolbar.chooseColor}..." id="luckysheet-icon-cell-color-menu" role="button"
        style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;">
                    </div>
                </div>
            </div>
        </div>`, //'Cell color'
        border: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block luckysheet-icon-border-all"
        data-tips="${toolbar.border}" id="luckysheet-icon-border-all" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-border-all iconfont luckysheet-iconfont-quanjiabiankuang"
                        style="user-select: none;">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="luckysheet-toolbar-button-split-right luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="${toolbar.borderStyle}..." id="luckysheet-icon-border-menu" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;">
                    </div>
                </div>
            </div>
        </div>`, //'border'
        mergeCell: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block luckysheet-icon-merge-button"
        data-tips="${toolbar.mergeCell}" id="luckysheet-icon-merge-button" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-merge iconfont luckysheet-iconfont-hebing"
                        style="user-select: none;">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="luckysheet-toolbar-button-split-right luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="${toolbar.chooseMergeType}..." id="luckysheet-icon-merge-menu" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;">
                    </div>
                </div>
            </div>
        </div>`, //'Merge cells'
        horizontalAlignMode: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block luckysheet-icon-align"
        data-tips="${toolbar.horizontalAlign}" id="luckysheet-icon-align" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                            <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-align-left iconfont luckysheet-iconfont-wenbenzuoduiqi"
                            style="user-select: none;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="luckysheet-toolbar-button-split-right luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="${toolbar.alignment}..." id="luckysheet-icon-align-menu" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;">
                    </div>
                </div>
            </div>
        </div>`, //'Horizontal alignment'
        verticalAlignMode: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block luckysheet-icon-valign"
        data-tips="${toolbar.verticalAlign}" id="luckysheet-icon-valign" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                            <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-valign-bottom iconfont luckysheet-iconfont-dibuduiqi"
                            style="user-select: none;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="luckysheet-toolbar-button-split-right luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="${toolbar.alignment}..." id="luckysheet-icon-valign-menu" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;">
                    </div>
                </div>
            </div>
        </div>`, //'Vertical alignment'
        textWrapMode: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block luckysheet-icon-textwrap"
        data-tips="${toolbar.textWrap}" id="luckysheet-icon-textwrap" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                            <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-textwrap-clip iconfont luckysheet-iconfont-jieduan"
                            style="user-select: none;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="luckysheet-toolbar-button-split-right luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="${toolbar.textWrapMode}..." id="luckysheet-icon-textwrap-menu" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;">
                    </div>
                </div>
            </div>
        </div>`, //'Wrap mode'
        textRotateMode: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block luckysheet-icon-rotation"
        data-tips="${toolbar.textRotate}" id="luckysheet-icon-rotation" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                            <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-none iconfont luckysheet-iconfont-wuxuanzhuang"
                            style="user-select: none;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="luckysheet-toolbar-button-split-right luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="${toolbar.textRotateMode}..." id="luckysheet-icon-rotation-menu" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;">
                    </div>
                </div>
            </div>
        </div>`, //'Text Rotation Mode'
        image: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block"
        data-tips="${toolbar.insertImage}" id="luckysheet-insertImg-btn-title" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                            <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-none iconfont luckysheet-iconfont-tupian"
                            style="user-select: none;">
                                <input id="luckysheet-imgUpload" type="file" accept="image/*" style="display:none;"></input>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>`, // 'Insert picture'
        link: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block"
        data-tips="${toolbar.insertLink}" id="luckysheet-insertLink-btn-title" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                            <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-none iconfont luckysheet-iconfont-lianjie"
                            style="user-select: none;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>`, // 'Insert link'(TODO)
        chart: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block"
        data-tips="${toolbar.chart}" id="luckysheet-chart-btn-title" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                            <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-none iconfont luckysheet-iconfont-tubiao"
                            style="user-select: none;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>`, //'chart' (the icon is hidden, but if the chart plugin is configured, you can still create a new chart by right click)
        postil: `<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block" data-tips="${toolbar.postil}"
        id="luckysheet-icon-postil" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon-img-container luckysheet-toolbar-menu-button-caption luckysheet-inline-block iconfont luckysheet-iconfont-zhushi"
                    style="user-select: none;border-right:1px solid transparent;">
                    </div>
                    <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;">
                    </div>
                </div>
            </div>
        </div>`, //'comment'
        pivotTable: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block"
        data-tips="${toolbar.pivotTable}" id="luckysheet-pivot-btn-title" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                            <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-none iconfont luckysheet-iconfont-shujutoushi"
                            style="user-select: none;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>`, //'PivotTable'
        function: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block luckysheet-icon-function"
        data-tips="${toolbar.autoSum}" id="luckysheet-icon-function" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-function iconfont luckysheet-iconfont-jisuan"
                        style="user-select: none;">
                        </div>
                    </div>
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        ${toolbar.sum}
                    </div>
                </div>
            </div>
        </div>
        <div class="luckysheet-toolbar-button-split-right luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="${toolbar.moreFunction}..." id="luckysheet-icon-function-menu" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;">
                    </div>
                </div>
            </div>
        </div>`, //'formula'
        frozenMode: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block luckysheet-freezen-btn-horizontal"
        data-tips="${toolbar.freezeTopRow}" id="luckysheet-freezen-btn-horizontal" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">

                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                            <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-none iconfont luckysheet-iconfont-dongjie1"
                            style="user-select: none;">
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="luckysheet-toolbar-button-split-right luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="${toolbar.moreOptions}..." id="luckysheet-icon-freezen-menu" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;">
                    </div>
                </div>
            </div>
        </div>`, //'freeze mode'
 
        conditionalFormat: `<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block" data-tips="${toolbar.conditionalFormat}"
        id="luckysheet-icon-conditionformat" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">

                    <div class="luckysheet-icon luckysheet-inline-block" id="right_conditionformat" style="user-select: none;border-right:1px solid transparent;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-autofilter iconfont luckysheet-iconfont-geshitiaojian"
                        style="user-select: none;">
                        </div>
                    </div>
                    <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;">
                    </div>
                </div>
            </div>
        </div>`, //'Conditional Format'
        dataVerification: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block"
        data-tips="${toolbar.dataVerification}" id="luckysheet-dataVerification-btn-title" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                            <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-none iconfont luckysheet-iconfont-shujuyanzheng"
                            style="user-select: none;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>`, // 'Data Verification'
        splitColumn: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block"
        data-tips="${toolbar.splitColumn}" id="luckysheet-splitColumn-btn-title" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                            <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-none iconfont luckysheet-iconfont-wenbenfenge"
                            style="user-select: none;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>`, //'Split column'
        screenshot: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block"
        data-tips="${toolbar.screenshot}" id="luckysheet-chart-btn-screenshot" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                            <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-none iconfont luckysheet-iconfont-jieping"
                            style="user-select: none;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>`, //'screenshot'
        findAndReplace: `<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block" data-tips="${toolbar.findAndReplace}"
        id="luckysheet-icon-seachmore" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">

                    <div class="luckysheet-icon luckysheet-inline-block " id="left_seachmore" style="user-select: none;border-right:1px solid transparent;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-autofilter iconfont luckysheet-iconfont-sousuo"
                        style="user-select: none;">
                        </div>
                    </div>
                    <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;margin-left: 0px;margin-right: 4px;">
                    </div>
                </div>
            </div>
        </div>`, //'Find and Replace'
        protection: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block"
        data-tips="${toolbar.protection}" id="luckysheet-icon-protection" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                            <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-none iconfont luckysheet-iconfont-biaogesuoding"
                            style="user-select: none;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>`, // 'Worksheet protection'
        print: `<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block" data-tips="${toolbar.print}"
        id="luckysheet-icon-print" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">

                    <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-autofilter iconfont luckysheet-iconfont-dayin"
                        style="user-select: none;">
                        </div>
                    </div>
                </div>
            </div>
        </div>`, // 'print'
        // 刷新公式
        refreshFormula: `<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="公式刷新" id="luckysheet-icon-refreshFormula" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;display:flex;justify-content:center;align-items:center;">
                    <i class="icon iconfont icon-shuaxin" style="font-size: 14px; color: #000;margin-bottom:1px;"></i>
                </div>
            </div>
        </div>`,
        // 刷新sheet页
        refreshSheet: `<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="刷新heet页" id="luckysheet-icon-refreshSheet" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;display:flex;justify-content:center;align-items:center;">
                    <i class="icon iconfont icon-refresh" style="font-size: 14px; color: #000;margin-bottom:1px;"></i>
                </div>
            </div>
        </div>`,
        showFormula: `<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="关闭/显示公式" id="luckysheet-icon-showFormula" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;display:flex;justify-content:center;align-items:center;">
                   <!-- <i class="icon iconfont icon-refresh" style="font-size: 14px; color: #000;margin-bottom:1px;"></i> -->
                   <svg style='color:black;width:16px;height:19px;'  t="1688627506933" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2114" width="200" height="200"><path d="M471.2 358.3h-130l19-90.4a133.5 133.5 0 0 1 130.3-106.2h52.7a32.9 32.9 0 1 0 0-65.7h-52.7c-93.8 0-175.6 66.7-194.6 158.6l-21.8 103.7H128.8a32.9 32.9 0 0 0 0 65.7h131.6l-97.3 464.5a32.7 32.7 0 0 0 25.5 38.8 30.5 30.5 0 0 0 6.7 0.7 32.9 32.9 0 0 0 32.1-26.2L327.5 424h143.7a32.9 32.9 0 1 0 0-65.7zM758.4 712l160-160a32.8 32.8 0 1 0-46.5-46.4L712 665.5 552 505.6a32.8 32.8 0 1 0-46.4 46.4l160 160-160 159.9a32.8 32.8 0 1 0 46.4 46.5l160-160 159.9 160a32.9 32.9 0 0 0 46.5-46.5z" fill="#848484" p-id="2115"></path></svg>
                </div>
            </div>
        </div>`,
    };

    const showtoolbar = luckysheetConfigsetting.showtoolbar;
    const showtoolbarConfig = luckysheetConfigsetting.showtoolbarConfig;

    const buttonHTML = ['<div class="luckysheet-toolbar-left-theme"></div>'];

    // 数组形式直接生成
    if (getObjType(showtoolbarConfig) === 'array') {
        // 此时不根据 showtoolbar=false，showtoolbarConfig为某几个进行适配，此时showtoolbarConfig本身就是全部要显示的按钮
        if (!showtoolbar) {
            return '';
        }
        let i = 0;
        showtoolbarConfig.forEach(function (key, i) {
            if (key === '|') {
                const nameKeys = showtoolbarConfig[i - 1]
                if (nameKeys !== '|') {
                    buttonHTML.push(
                        `<div id="toolbar-separator-${camel2split(nameKeys)}" class="luckysheet-toolbar-separator luckysheet-inline-block" style="user-select: none;"></div>`
                    );
                }
            } else {
                buttonHTML.push(htmlMap[key]);
            }
        });
        return buttonHTML.join('');
    }

    const config = defaultToolbar().reduce(function (total, curr) {
        if (curr !== '|') {
            total[curr] = true;
        }
        return total;
    }, {});

    if (!showtoolbar) {
        for (let s in config) {
            config[s] = false;
        }
    }

    // 对象模式 则从里面挑选 true 保留 false 删掉
    if (JSON.stringify(showtoolbarConfig) !== '{}') {
        if (showtoolbarConfig.hasOwnProperty('undoRedo')) {
            config.undo = config.redo = showtoolbarConfig.undoRedo;
        }
        Object.assign(config, showtoolbarConfig);
    }
    for (let i = 0; i < defaultToolbar().length; i++) {
        let key = defaultToolbar()[i];
        if (!config[key] && key !== '|') {
            // 如果当前元素隐藏 按照之前的规则 后面紧跟的 | 分割也不需要显示了
            if (defaultToolbar()[i + 1] === '|') {
                i++;
            }
            continue;
        }
        if (key === '|') {
            const nameKeys = defaultToolbar()[i - 1]
            if (nameKeys !== '|') {
                buttonHTML.push(
                    `<div id="toolbar-separator-${camel2split(nameKeys)}" class="luckysheet-toolbar-separator luckysheet-inline-block" style="user-select: none;"></div>`
                );
            }
        } else {
            buttonHTML.push(htmlMap[key]);
        }
    }
    return buttonHTML.join('');
}

// 创建工具栏按钮的html
export function createToolbarHtml() {
    // <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-shujuyanzheng"
    // style="user-select: none;">
    // </div>
    // <img class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block" id='dsImg' src='./static/assets/images/dsList.png' style="user-select: none;display:block;width:16px;height:14px;"  />
    const toolbar = locale().toolbar;
    const fontarray = locale().fontarray;
    const defaultFmtArray = locale().defaultFmt;
    const htmlMap = {
        superScript:`
            <div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block"
            data-tips="上标" id="luckysheet-superScript" role="button" style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                    style="user-select: none;display:flex;justify-content:center;align-items:center;">
                        <i class="icon iconfont icon-zitishangbiao" style="font-size: 14px; color: #000;margin-bottom:1px;"></i>
                    </div>
                </div>
            </div>
        `,
        subScript: `
        <div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="下标" id="luckysheet-subScript" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;display:flex;justify-content:center;align-items:center;">
                    <i class="icon iconfont icon-zitixiabiao" style="font-size: 14px; color: #000;margin-bottom:1px;"></i>
                </div>
            </div>
        </div>
        `,
        dsList: `<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="打开数据集" id="luckysheet-icon-dsList" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;display:flex;justify-content:center;align-items:center;">
                    <i class="icon iconfont icon-tucengshaixuan" style="font-size: 14px; color: #000;"></i>
                </div>
            </div>
        </div>`,
        dsList2: `<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="打开数据集2" id="luckysheet-icon-dsList2" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;display:flex;justify-content:center;align-items:center;">
                    <i class="icon iconfont icon-tucengshaixuan" style="font-size: 14px; color: #000;"></i>
                </div>
            </div>
        </div>`,
        dataAnalyse: `<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="打开数据分析" id="luckysheet-icon-dataAnalyse" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;display:flex;justify-content:center;align-items:center;">
                    <i class="icon iconfont icon-changguishujutongji" style="font-size: 15px; color: #000;"></i>
                </div>
            </div>
        </div>`,
        // import: `<div class="luckysheet-toolbar-button luckysheet-inline-block disabled" data-tips="${toolbar.import}"
        // id="luckysheet-icon-import" role="button" style="user-select: none;">
        //     <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
        //     style="user-select: none;">
        //         <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
        //         style="user-select: none;">
        //             <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
        //                 <i class="icon iconfont icon-daoru" style="font-size: 20px; color: #000"></i>
        //             </div>
        //         </div>
        //     </div>
        // </div>`,
        import: `<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block" data-tips="${toolbar.import}"
        id="" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div id='importConDiv' class="luckysheet-toolbar-button-inner-box luckysheet-inline-block "
                style="user-select: none;">
                    <div id='luckysheet-icon-import' class="luckysheet-icon luckysheet-inline-block my-saixuan" style="user-select: none;border-right:1px solid transparent;">
                        <!--
                        <i class="iconfont icon-daoru2" style="font-size: 17px; color: #000"></i>
                        -->
                       <!--<svg style='color:black;width:20px;height:18px;margin-top:4px;' t="1685408548863" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5922" width="200" height="200"><path d="M877 43.8H339.6c-37.5 0-68 30.5-68 68v199.6c0 11 9 20 20 20s20-9 20-20V111.8c0-15.4 12.6-28 28-28H877c15.4 0 28 12.6 28 28v795.7c0 15.4-12.6 28-28 28H339.6c-15.4 0-28-12.6-28-28v-196c0-11-9-20-20-20s-20 9-20 20v196c0 37.5 30.5 68 68 68H877c37.5 0 68-30.5 68-68V111.8c0-37.5-30.5-68-68-68z" fill="#010101" p-id="5923"></path><path d="M594.4 655.7c-8 7.7-8.2 20.3-0.5 28.3 3.9 4.1 9.2 6.1 14.4 6.1 5 0 10-1.9 13.9-5.6L786.9 526c3.7-3.5 5.7-8.1 6-12.8v-0.5-0.9c0.1-5.5-2-10.9-6.1-14.8L622.1 338.6c-8-7.7-20.6-7.4-28.3 0.5s-7.4 20.6 0.5 28.3l129 124.1H98c-11 0-20 9-20 20s9 20 20 20h625.6L594.4 655.7z" fill="#010101" p-id="5924"></path></svg>-->
                       <svg style='color:black;width:16px;height:19px;margin-top:4px;' t="1685409456740" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="28233" width="200" height="200"><path d="M960 938.666667H64c-36.266667 0-64-27.733333-64-64V149.333333c0-36.266667 27.733333-64 64-64h315.733333c17.066667 0 34.133333 6.4 44.8 19.2l68.266667 68.266667c12.8 12.8 27.733333 19.2 44.8 19.2H960c36.266667 0 64 27.733333 64 64v618.666667c0 36.266667-27.733333 64-64 64z m21.333333-682.666667c0-12.8-8.533333-21.333333-21.333333-21.333333H537.6c-27.733333 0-55.466667-10.666667-74.666667-32l-68.266666-68.266667c-4.266667-4.266667-10.666667-6.4-14.933334-6.4H64c-12.8 0-21.333333 8.533333-21.333333 21.333333v725.333334c0 12.8 8.533333 21.333333 21.333333 21.333333h896c12.8 0 21.333333-8.533333 21.333333-21.333333V256zM539.733333 776.533333c-8.533333 8.533333-19.2 12.8-32 12.8-10.666667 0-23.466667-4.266667-32-12.8l-179.2-192c-25.6-27.733333-6.4-70.4 32-70.4H426.666667v-128c0-23.466667 19.2-42.666667 42.666666-42.666666h85.333334c23.466667 0 42.666667 19.2 42.666666 42.666666v128h89.6c36.266667 0 55.466667 44.8 32 70.4l-179.2 192zM554.666667 554.666667v-170.666667h-85.333334v170.666667h-138.666666l179.2 192 179.2-192H554.666667z" fill="#000000" p-id="28234"></path></svg>
                    </div>
                    <div id='importDropdown' class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;margin-left: 2px;margin-right: 2px;height:100%;width:8px!important;">

                    </div>
                </div>
            </div>
        </div>`, //'Sort and filter'
        saveFile: `<div class="luckysheet-toolbar-button luckysheet-inline-block disabled" data-tips="${toolbar.saveFile}"
        id="luckysheet-icon-save" role="button" style="user-select: none;margin-right: 2px;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                        <i class="icon iconfont icon-baocun_o" style="font-size: 21px; color: #000"></i>
                    </div>
                </div>
            </div>
        </div>`,
        exportXlsx: `<div class="luckysheet-toolbar-button luckysheet-inline-block disabled" data-tips="${toolbar.exportXlsx}"
        id="luckysheet-icon-export" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                        <!--<i class="icon iconfont icon-daochu1" style="font-size: 17px; color: #000"></i>-->
                        <!--<svg  t="1685409078880" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17540" width="200" height="200"><path d="M611.84 702.976c-14.336 0-25.6 11.264-25.6 25.6v31.744c0 11.776-9.728 21.504-21.504 21.504h-291.84c-11.776 0-21.504-9.728-21.504-21.504v-496.128c0-11.776 9.728-21.504 21.504-21.504h291.84c11.776 0 21.504 9.728 21.504 21.504v32.768c0 14.336 11.264 25.6 25.6 25.6s25.6-11.264 25.6-25.6v-32.768c0-39.936-32.768-72.704-72.704-72.704h-291.84c-39.936 0-72.704 32.768-72.704 72.704v496.128c0 39.936 32.768 72.704 72.704 72.704h291.84c39.936 0 72.704-32.768 72.704-72.704v-31.744c0-14.336-11.776-25.6-25.6-25.6z" fill="#707070" p-id="17541"></path><path d="M810.496 478.208l-111.104-104.96c-4.608-4.608-11.264-7.168-17.408-7.168-7.168 0-13.824 3.072-18.944 8.192-9.728 10.24-9.216 26.624 1.024 36.352l79.872 75.264H440.32c-14.336 0-25.6 11.264-25.6 25.6s11.264 25.6 25.6 25.6h297.984l-74.24 70.144c-10.24 9.728-10.752 26.112-1.024 36.352 4.608 5.12 11.776 8.192 18.944 8.192 6.656 0 12.8-2.56 17.408-7.168l111.616-105.472c8.192-8.192 12.8-18.944 12.8-30.72 0-10.752-4.608-21.504-13.312-30.208z" fill="#707070" p-id="17542"></path></svg>-->
                        <svg style='color:black;width:16px;height:19px;margin-top:4px;' t="1685409625791" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="31972" width="200" height="200"><path d="M960 938.666667H64c-36.266667 0-64-27.733333-64-64V149.333333c0-36.266667 27.733333-64 64-64h315.733333c17.066667 0 34.133333 6.4 44.8 19.2l68.266667 68.266667c12.8 12.8 27.733333 19.2 44.8 19.2H960c36.266667 0 64 27.733333 64 64v618.666667c0 36.266667-27.733333 64-64 64z m21.333333-682.666667c0-12.8-8.533333-21.333333-21.333333-21.333333H537.6c-27.733333 0-55.466667-10.666667-74.666667-32l-68.266666-68.266667c-4.266667-4.266667-10.666667-6.4-14.933334-6.4H64c-12.8 0-21.333333 8.533333-21.333333 21.333333v725.333334c0 12.8 8.533333 21.333333 21.333333 21.333333h896c12.8 0 21.333333-8.533333 21.333333-21.333333V256z m-441.6 98.133333c-8.533333-8.533333-19.2-12.8-32-12.8-10.666667 0-23.466667 4.266667-32 12.8l-179.2 192c-25.6 27.733333-6.4 70.4 32 70.4H426.666667v128c0 23.466667 19.2 42.666667 42.666666 42.666667h85.333334c23.466667 0 42.666667-19.2 42.666666-42.666667v-128h89.6c36.266667 0 55.466667-44.8 32-70.4l-179.2-192zM554.666667 576v170.666667h-85.333334v-170.666667h-138.666666l179.2-192 179.2 192H554.666667z" fill="#000000" p-id="31973"></path></svg>
                    </div>
                </div>
            </div>
        </div>`,
        undo: `<div class="luckysheet-toolbar-button luckysheet-inline-block disabled" data-tips="${toolbar.undo}"
        id="luckysheet-icon-undo" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-undo iconfont luckysheet-iconfont-qianjin"
                        style="user-select: none;">
                        </div>
                    </div>
                </div>
            </div>
        </div>`,
        redo: `<div class="luckysheet-toolbar-button luckysheet-inline-block disabled" data-tips="${toolbar.redo}"
        id="luckysheet-icon-redo" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-redo iconfont luckysheet-iconfont-houtui"
                        style="user-select: none;">
                        </div>
                    </div>
                </div>
            </div>
        </div>`,
        paintFormat: `<div class="luckysheet-toolbar-button luckysheet-inline-block" data-tips="${toolbar.paintFormat}"
        id="luckysheet-icon-paintformat" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img iconfont luckysheet-iconfont-geshishua"
                        style="user-select: none;">
                        </div>
                    </div>
                </div>
            </div>
        </div>`,
        sort:`<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block" data-tips="${toolbar.sort}"
        id="luckysheet-icon-sort" role="button" style="user-select: none;padding:0 2px 0 0;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
                style="user-select: none;">
                <div id='sortDiv' class="luckysheet-toolbar-button-inner-box luckysheet-inline-block "
                    style="user-select: none;">
                    <div id='sortIcon' class="luckysheet-icon luckysheet-inline-block my-saixuan" style="user-select: none;border-right:1px solid transparent">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img  iconfont luckysheet-iconfont-shengxu"
                        style="user-select: none;margin-right:2px">
                        </div>
                    </div>
                    <div id='sortDropdown' class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                        style="user-select: none;margin-left: 2px;margin-right: 2px;height:100%;width:4px!important;">
                    </div>
                </div>
            </div>
        </div>`,
        sortAndFilter: `<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block" data-tips="${toolbar.sortAndFilter}"
        id="luckysheet-icon-autofilter" role="button" style="user-select: none;padding:0 2px 0 0;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
                style="user-select: none;">
                <div id='mySaixuanDiv' class="luckysheet-toolbar-button-inner-box luckysheet-inline-block "
                style="user-select: none;">
                    <div id='myAsc' class="luckysheet-icon luckysheet-inline-block my-saixuan" style="user-select: none;border-right:1px solid transparent">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-autofilter iconfont luckysheet-iconfont-shaixuan"
                        style="user-select: none;margin-right:2px">
                        </div>
                    </div>
                    <div id='myDropdown' class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;margin-left: 2px;margin-right: 2px;height:100%;width:4px!important;">

                    </div>
                </div>
            </div>
        </div>`, //'Sort and filter'

        duplicateItem:`<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block" data-tips="重复项"
        id="luckysheet-icon-duplicateItem" role="button" style="user-select: none;padding:0 2px 0 0;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
                style="user-select: none;">
                <div id='duplicateItemDiv' class="luckysheet-toolbar-button-inner-box luckysheet-inline-block "
                    style="user-select: none;">
                    <div id='duplicateItemIcon' class="luckysheet-icon luckysheet-inline-block my-saixuan" style="user-select: none;border-right:1px solid transparent">
                        <svg style="width:18px;height:18px;margin-top:4px;" t="1715757731746" class="icon" viewBox="0 0 1408 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4711" width="200" height="200"><path d="M0 320.521006V64.733949a63.946764 63.946764 0 0 1 63.946764-63.946764h703.414408a63.946764 63.946764 0 0 1 63.946764 63.946764v255.787057a63.946764 63.946764 0 0 1-63.946764 63.946765H63.946764a63.946764 63.946764 0 0 1-63.946764-63.946765z m1233.724924 45.210363a63.946764 63.946764 0 1 0 90.420725-90.420725L1241.462482 192.627478l82.683167-82.683167a63.946764 63.946764 0 0 0 0-90.420724l-0.575521-0.575521A63.946764 63.946764 0 0 0 1278.935286 0.787185h-0.38368a63.946764 63.946764 0 0 0-44.826682 18.736402L1151.041758 102.206753 1068.358591 19.523587a63.946764 63.946764 0 1 0-90.420724 90.420724L1060.621033 192.627478l-82.683166 82.683166a63.946764 63.946764 0 0 0 90.420724 90.420725L1151.041758 283.048202l82.683166 82.683167zM127.893529 128.680713v127.893529h575.520879V128.680713H127.893529zM0 959.988649v-255.787057a63.946764 63.946764 0 0 1 63.946764-63.946764h703.414408a63.946764 63.946764 0 0 1 63.946764 63.946764v255.787057a63.946764 63.946764 0 0 1-63.946764 63.946765H63.946764a63.946764 63.946764 0 0 1-63.946764-63.946765z m1036.385209-173.103891l79.549775 79.549775 178.795153-204.373859a63.946764 63.946764 0 0 1 96.303827 84.281836l-223.813675 255.787057A63.563084 63.563084 0 0 1 1119.068376 1023.935414a63.946764 63.946764 0 0 1-45.210363-18.736402l-127.893528-127.893529a63.946764 63.946764 0 0 1 90.420724-90.420725zM127.893529 768.148356v127.893529h575.520879v-127.893529H127.893529z" fill="#4E5969" p-id="4712"></path></svg>
                    </div>
                    <div id='duplicateItemDropDown' class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                        style="user-select: none;margin-left: 2px;margin-right: 2px;height:100%;width:4px!important;">
                    </div>
                </div>
            </div>
        </div>`,

        currencyFormat: `<div class="luckysheet-toolbar-button luckysheet-inline-block" data-tips="${toolbar.currencyFormat}"
        id="luckysheet-icon-currency" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img iconfont luckysheet-iconfont-jine"
                        style="user-select: none;">
                        </div>
                    </div>
                </div>
            </div>
        </div>`,
        percentageFormat: `<div class="luckysheet-toolbar-button luckysheet-inline-block" data-tips="${toolbar.percentageFormat}"
        id="luckysheet-icon-percent" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img iconfont luckysheet-iconfont-baifenhao"
                        style="user-select: none;">
                        </div>
                    </div>
                </div>
            </div>
        </div>`, //Percentage format
        numberDecrease: `<div class="luckysheet-toolbar-button luckysheet-inline-block" data-tips="${toolbar.numberDecrease}"
        id="luckysheet-icon-fmt-decimal-decrease" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block toolbar-decimal-icon"
                    style="user-select: none;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-decimal-decrease iconfont luckysheet-iconfont-zengjiaxiaoshuwei "
                        style="user-select: none;">
                        </div>
                    </div>
                </div>
            </div>
        </div>`, //'Decrease the number of decimal places'
        numberIncrease: `<div class="luckysheet-toolbar-button luckysheet-inline-block" data-tips="${toolbar.numberIncrease}"
        id="luckysheet-icon-fmt-decimal-increase" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block toolbar-decimal-icon"
                    style="user-select: none;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-decimal-increase iconfont luckysheet-iconfont-jianxiaoxiaoshuwei"
                        style="user-select: none;">
                        </div>
                    </div>
                </div>
            </div>
        </div>`, //'Increase the number of decimal places
        moreFormats: `<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block" data-tips="${toolbar.moreFormats}"
        id="luckysheet-icon-fmt-other" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;border-right:1px solid transparent;">
                        ${defaultFmtArray[0].text}
                    </div>
                    <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;">
                    </div>
                </div>
            </div>
        </div>`, //'More Formats'
        font: `<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="${toolbar.font}" id="luckysheet-icon-font-family" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;border-right:1px solid transparent;">
                        ${fontarray[0]}
                    </div>
                    <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;">
                    </div>
                </div>
            </div>
        </div>`, //'font'
        fontSize: `<div class="luckysheet-toolbar-select luckysheet-toolbar-zoom-combobox luckysheet-toolbar-combo-button luckysheet-inline-block"
        data-tips="${toolbar.fontSize}" id="luckysheet-icon-font-size" style="user-select: none;">
            <div class="luckysheet-toolbar-combo-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-combo-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div aria-posinset="4" aria-setsize="7" class="luckysheet-inline-block luckysheet-toolbar-combo-button-caption"
                    style="user-select: none;border-right:1px solid transparent;">
                        <input aria-label="${toolbar.fontSize}" class="luckysheet-toolbar-combo-button-input luckysheet-toolbar-textinput"
                        role="combobox" style="user-select: none;" tabindex="-1" type="text" value="10"
                        />
                    </div>
                    <div class="luckysheet-toolbar-combo-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;">
                    </div>
                </div>
            </div>
        </div>`, //'Font size'
        bold: `<div class="luckysheet-toolbar-button luckysheet-inline-block" data-tips="${toolbar.bold}"
        id="luckysheet-icon-bold" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-bold iconfont luckysheet-iconfont-jiacu"
                        style="user-select: none;">
                        </div>
                    </div>
                </div>
            </div>
        </div>`, //'Bold (Ctrl+B)'
        italic: `<div class="luckysheet-toolbar-button luckysheet-inline-block" data-tips="${toolbar.italic}"
        id="luckysheet-icon-italic" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-italic iconfont luckysheet-iconfont-wenbenqingxie1"
                        style="user-select: none;">
                        </div>
                    </div>
                </div>
            </div>
        </div>`, //'Italic (Ctrl+I)'
        strikethrough: `<div class="luckysheet-toolbar-button luckysheet-inline-block" data-tips="${toolbar.strikethrough}"
        id="luckysheet-icon-strikethrough" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-strikethrough iconfont luckysheet-iconfont-wenbenshanchuxian"
                        style="user-select: none;">
                        </div>
                    </div>
                </div>
            </div>
        </div>`, //'Strikethrough (Alt+Shift+5)'
        underline: `<div class="luckysheet-toolbar-button luckysheet-inline-block" data-tips="${toolbar.underline}"
        id="luckysheet-icon-underline" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-underline iconfont luckysheet-iconfont-wenbenxiahuaxian"
                        style="user-select: none;">
                        </div>
                    </div>
                </div>
            </div>
        </div>`, //'Underline (Alt+Shift+6)'
        textColor: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block luckysheet-icon-text-color"
        data-tips="${toolbar.textColor}" id="luckysheet-icon-text-color" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        <div class="luckysheet-color-menu-button-indicator" style="border-bottom-color: rgb(0, 0, 0); user-select: none;">
                            <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                                <div class="text-color-bar" style="background-color:${luckysheetConfigsetting.defaultTextColor}"></div>
                                <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-text-color iconfont luckysheet-iconfont-wenbenyanse"
                                style="user-select: none;">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="luckysheet-toolbar-button-split-right luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="${toolbar.chooseColor}..." id="luckysheet-icon-text-color-menu" role="button"
        style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;">
                    </div>
                </div>
            </div>
        </div>`, //'Text color'
        fillColor: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block luckysheet-icon-cell-color"
        data-tips="${toolbar.fillColor}" id="luckysheet-icon-cell-color" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        <div class="luckysheet-color-menu-button-indicator" style="border-bottom-color: rgb(255, 255, 255); user-select: none;">
                            <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                                <div class="text-color-bar" style="background-color:${luckysheetConfigsetting.defaultCellColor}"></div>
                                <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-cell-color iconfont luckysheet-iconfont-tianchong"
                                style="user-select: none;">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="luckysheet-toolbar-button-split-right luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="${toolbar.chooseColor}..." id="luckysheet-icon-cell-color-menu" role="button"
        style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;">
                    </div>
                </div>
            </div>
        </div>`, //'Cell color'
        border: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block luckysheet-icon-border-all"
        data-tips="${toolbar.border}" id="luckysheet-icon-border-all" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-border-all iconfont luckysheet-iconfont-quanjiabiankuang"
                        style="user-select: none;">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="luckysheet-toolbar-button-split-right luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="${toolbar.borderStyle}..." id="luckysheet-icon-border-menu" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;">
                    </div>
                </div>
            </div>
        </div>`, //'border'
        mergeCell: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block luckysheet-icon-merge-button"
        data-tips="${toolbar.mergeCell}" id="luckysheet-icon-merge-button" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-merge iconfont luckysheet-iconfont-hebing"
                        style="user-select: none;">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="luckysheet-toolbar-button-split-right luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="${toolbar.chooseMergeType}..." id="luckysheet-icon-merge-menu" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;">
                    </div>
                </div>
            </div>
        </div>`, //'Merge cells'
        horizontalAlignMode: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block luckysheet-icon-align"
        data-tips="${toolbar.horizontalAlign}" id="luckysheet-icon-align" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                            <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-align-left iconfont luckysheet-iconfont-wenbenzuoduiqi"
                            style="user-select: none;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="luckysheet-toolbar-button-split-right luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="${toolbar.alignment}..." id="luckysheet-icon-align-menu" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;">
                    </div>
                </div>
            </div>
        </div>`, //'Horizontal alignment'
        verticalAlignMode: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block luckysheet-icon-valign"
        data-tips="${toolbar.verticalAlign}" id="luckysheet-icon-valign" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                            <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-valign-bottom iconfont luckysheet-iconfont-dibuduiqi"
                            style="user-select: none;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="luckysheet-toolbar-button-split-right luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="${toolbar.alignment}..." id="luckysheet-icon-valign-menu" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;">
                    </div>
                </div>
            </div>
        </div>`, //'Vertical alignment'
        textWrapMode: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block luckysheet-icon-textwrap"
        data-tips="${toolbar.textWrap}" id="luckysheet-icon-textwrap" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                            <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-textwrap-clip iconfont luckysheet-iconfont-jieduan"
                            style="user-select: none;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="luckysheet-toolbar-button-split-right luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="${toolbar.textWrapMode}..." id="luckysheet-icon-textwrap-menu" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;">
                    </div>
                </div>
            </div>
        </div>`, //'Wrap mode'
        textRotateMode: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block luckysheet-icon-rotation"
        data-tips="${toolbar.textRotate}" id="luckysheet-icon-rotation" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                            <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-none iconfont luckysheet-iconfont-wuxuanzhuang"
                            style="user-select: none;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="luckysheet-toolbar-button-split-right luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="${toolbar.textRotateMode}..." id="luckysheet-icon-rotation-menu" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;">
                    </div>
                </div>
            </div>
        </div>`, //'Text Rotation Mode'
        image: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block"
        data-tips="${toolbar.insertImage}" id="luckysheet-insertImg-btn-title" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                            <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-none iconfont luckysheet-iconfont-tupian"
                            style="user-select: none;">
                                <input id="luckysheet-imgUpload" type="file" accept="image/*" style="display:none;"></input>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>`, // 'Insert picture'
        link: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block"
        data-tips="${toolbar.insertLink}" id="luckysheet-insertLink-btn-title" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                            <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-none iconfont luckysheet-iconfont-lianjie"
                            style="user-select: none;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>`, // 'Insert link'(TODO)
        chart: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block"
        data-tips="${toolbar.chart}" id="luckysheet-chart-btn-title" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                            <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-none iconfont luckysheet-iconfont-tubiao"
                            style="user-select: none;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>`, //'chart' (the icon is hidden, but if the chart plugin is configured, you can still create a new chart by right click)
        postil: `<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block" data-tips="${toolbar.postil}"
        id="luckysheet-icon-postil" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon-img-container luckysheet-toolbar-menu-button-caption luckysheet-inline-block iconfont luckysheet-iconfont-zhushi"
                    style="user-select: none;border-right:1px solid transparent;">
                    </div>
                    <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;">
                    </div>
                </div>
            </div>
        </div>`, //'comment'
        pivotTable: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block"
        data-tips="${toolbar.pivotTable}" id="luckysheet-pivot-btn-title" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                            <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-none iconfont luckysheet-iconfont-shujutoushi"
                            style="user-select: none;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>`, //'PivotTable'
        function: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block luckysheet-icon-function"
        data-tips="${toolbar.autoSum}" id="luckysheet-icon-function" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-function iconfont luckysheet-iconfont-jisuan"
                        style="user-select: none;">
                        </div>
                    </div>
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        ${toolbar.sum}
                    </div>
                </div>
            </div>
        </div>
        <div class="luckysheet-toolbar-button-split-right luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="${toolbar.moreFunction}..." id="luckysheet-icon-function-menu" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;">
                    </div>
                </div>
            </div>
        </div>`, //'formula'
        frozenMode: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block luckysheet-freezen-btn-horizontal"
        data-tips="${toolbar.freezeTopRow}" id="luckysheet-freezen-btn-horizontal" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">

                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                            <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-none iconfont luckysheet-iconfont-dongjie1"
                            style="user-select: none;">
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="luckysheet-toolbar-button-split-right luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="${toolbar.moreOptions}..." id="luckysheet-icon-freezen-menu" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;">
                    </div>
                </div>
            </div>
        </div>`, //'freeze mode'
 
        conditionalFormat: `<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block" data-tips="${toolbar.conditionalFormat}"
        id="luckysheet-icon-conditionformat" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">

                    <div class="luckysheet-icon luckysheet-inline-block" id="right_conditionformat" style="user-select: none;border-right:1px solid transparent;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-autofilter iconfont luckysheet-iconfont-geshitiaojian"
                        style="user-select: none;">
                        </div>
                    </div>
                    <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;">
                    </div>
                </div>
            </div>
        </div>`, //'Conditional Format'
        dataVerification: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block"
        data-tips="${toolbar.dataVerification}" id="luckysheet-dataVerification-btn-title" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                            <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-none iconfont luckysheet-iconfont-shujuyanzheng"
                            style="user-select: none;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>`, // 'Data Verification'
        splitColumn: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block"
        data-tips="${toolbar.splitColumn}" id="luckysheet-splitColumn-btn-title" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                            <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-none iconfont luckysheet-iconfont-wenbenfenge"
                            style="user-select: none;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>`, //'Split column'
        screenshot: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block"
        data-tips="${toolbar.screenshot}" id="luckysheet-chart-btn-screenshot" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                            <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-none iconfont luckysheet-iconfont-jieping"
                            style="user-select: none;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>`, //'screenshot'
        findAndReplace: `<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block" data-tips="${toolbar.findAndReplace}"
        id="luckysheet-icon-seachmore" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">

                    <div class="luckysheet-icon luckysheet-inline-block " id="left_seachmore" style="user-select: none;border-right:1px solid transparent;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-autofilter iconfont luckysheet-iconfont-sousuo"
                        style="user-select: none;">
                        </div>
                    </div>
                    <div class="luckysheet-toolbar-menu-button-dropdown luckysheet-inline-block iconfont luckysheet-iconfont-xiayige"
                    style="user-select: none;margin-left: 0px;margin-right: 4px;">
                    </div>
                </div>
            </div>
        </div>`, //'Find and Replace'
        protection: `<div class="luckysheet-toolbar-button-split-left luckysheet-toolbar-button luckysheet-inline-block"
        data-tips="${toolbar.protection}" id="luckysheet-icon-protection" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;">
                    <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
                    style="user-select: none;">
                        <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                            <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-none iconfont luckysheet-iconfont-biaogesuoding"
                            style="user-select: none;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>`, // 'Worksheet protection'
        print: `<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block" data-tips="${toolbar.print}"
        id="luckysheet-icon-print" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
                style="user-select: none;">

                    <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                        <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-autofilter iconfont luckysheet-iconfont-dayin"
                        style="user-select: none;">
                        </div>
                    </div>
                </div>
            </div>
        </div>`, // 'print'
        // 刷新公式
        refreshFormula: `<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="公式刷新" id="luckysheet-icon-refreshFormula" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;display:flex;justify-content:center;align-items:center;">
                    <i class="icon iconfont icon-shuaxin" style="font-size: 14px; color: #000;margin-bottom:1px;"></i>
                </div>
            </div>
        </div>`,
        // 刷新sheet页
        refreshSheet: `<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="刷新heet页" id="luckysheet-icon-refreshSheet" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;display:flex;justify-content:center;align-items:center;">
                    <i class="icon iconfont icon-refresh" style="font-size: 14px; color: #000;margin-bottom:1px;"></i>
                </div>
            </div>
        </div>`,
        showFormula: `<div class="luckysheet-toolbar-select luckysheet-toolbar-menu-button luckysheet-inline-block"
        data-tips="关闭/显示公式" id="luckysheet-icon-showFormula" role="button" style="user-select: none;">
            <div class="luckysheet-toolbar-menu-button-outer-box luckysheet-inline-block"
            style="user-select: none;">
                <div class="luckysheet-toolbar-menu-button-inner-box luckysheet-inline-block"
                style="user-select: none;display:flex;justify-content:center;align-items:center;">
                   <!-- <i class="icon iconfont icon-refresh" style="font-size: 14px; color: #000;margin-bottom:1px;"></i> -->
                   <svg style='color:black;width:16px;height:19px;'  t="1688627506933" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2114" width="200" height="200"><path d="M471.2 358.3h-130l19-90.4a133.5 133.5 0 0 1 130.3-106.2h52.7a32.9 32.9 0 1 0 0-65.7h-52.7c-93.8 0-175.6 66.7-194.6 158.6l-21.8 103.7H128.8a32.9 32.9 0 0 0 0 65.7h131.6l-97.3 464.5a32.7 32.7 0 0 0 25.5 38.8 30.5 30.5 0 0 0 6.7 0.7 32.9 32.9 0 0 0 32.1-26.2L327.5 424h143.7a32.9 32.9 0 1 0 0-65.7zM758.4 712l160-160a32.8 32.8 0 1 0-46.5-46.4L712 665.5 552 505.6a32.8 32.8 0 1 0-46.4 46.4l160 160-160 159.9a32.8 32.8 0 1 0 46.4 46.5l160-160 159.9 160a32.9 32.9 0 0 0 46.5-46.5z" fill="#848484" p-id="2115"></path></svg>
                </div>
            </div>
        </div>`,
    };


    // if(!Store.isFormApp && !Store.isMobile){
        if(Store.isFormApp){
            setTimeout(() => {
                $('#tableOperation').hide()   
            });
        }
        return `
        <div class="toolbar-container">
            <!-- 上面 -->
            <div class="flex-start" id="topOperContainer" style="overflow:auto">
                <div class="flex-center" id="tableOperation">
                    <div class="flex-center item-icom" id="luckysheet-icon-dsList">
                        <svg t="1717117957082" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2030" width="200" height="200"><path d="M906 795.6V613.3l0.1-0.6c0.2-2.3 0.4-4.8 0.4-7.7 0-2.9-0.1-5.4-0.4-7.7l-0.1-0.6V236.9h-0.4v-12.2c0-18-6.5-45.2-37.4-72.6-20.7-18.4-49.8-34.6-86.6-48.4C709.5 76.8 614.3 62 513.6 62c-100.7 0-195.9 14.8-268 41.8-36.6 13.7-65.8 30-86.6 48.4-30.9 27.3-37.4 54.5-37.4 72.6 0 2.9 0.1 5.4 0.4 7.7l0.1 0.6v178.1c-0.1 1-0.1 2.2-0.1 3.5 0 1.3 0 2.5 0.1 3.5v377.7c0.1 17.9 6.7 45 37.4 72.2 20.7 18.4 49.8 34.6 86.6 48.4 72.1 26.9 167.2 41.8 268 41.8 100.7 0 195.9-14.8 268-41.8 36.6-13.7 65.8-30 86.6-48.4 30.6-27.5 37.2-54.5 37.3-72.5zM173.1 224.7c0-10.6 6.7-22.1 20-34l0.1-0.1c15.8-13.9 40.2-27.3 70.4-38.7 66.3-24.8 155-38.5 250-38.5 94.9 0 183.7 13.7 249.9 38.5 30.3 11.3 54.7 24.7 70.5 38.7 13.1 11.7 19.8 23 20 33.5v0.9c-0.3 23-33.2 50.1-85.9 70.5-65.8 25.8-158.6 40.5-254.5 40.5-95.7 0-188.4-14.6-254.4-40.1-44.8-17.3-74.6-38.5-83.4-58.9l-2.7-12.3z m681.4 570.6c0 13.5-10.9 25.9-20.1 34-15.8 13.9-40.2 27.3-70.4 38.7-66.3 24.8-155 38.5-250 38.5S330.3 892.7 264.1 868c-30.3-11.3-54.7-24.7-70.5-38.7-9.1-8-20-20.5-20-34V689.7l17 10.1c14.8 8.8 31.8 17 50.6 24.3 72.3 28.2 169.1 43.7 272.3 43.7 103.5 0 200.5-15.5 273.3-43.6 18.6-7.2 35.7-15.3 50.7-24.1l17-9.9v105.1z m0-185.4l-0.3 1.3c-5.1 22.2-36.4 45.8-85.9 65-66.1 25.5-159 40.1-254.7 40.1-95.5 0-187.9-14.6-253.7-40.2-53.2-20.6-86.3-48-86.3-71.4V499.1l22.6 13.9c13.3 7.4 28.2 14.4 44.5 20.9 72.5 28.3 169.4 43.8 272.9 43.8 103.5 0 200.5-15.6 273.3-43.9 18.7-7.3 35.7-15.5 50.6-24.3l17-10.1v110.5z m0-195.3c0 23.3-33.1 50.5-86.3 71.2-65.7 25.7-158.5 40.5-254.6 40.5-95.9 0-188.6-14.7-254.2-40.4-51-19.9-83-45.4-85.7-68.1l-0.1-0.7V307.9l22.6 15.3c13.2 7.4 28.2 14.3 44.4 20.6 72.7 28.2 169.7 43.7 273 43.7 103.5 0 200.5-15.5 273.2-43.8 18.9-7.3 35.9-15.5 50.6-24.3l17.1-10.3v105.5z" fill="#414441" p-id="2031"></path><path d="M739.8 425.2c2.8 17.5 19.3 29.4 36.8 26.6 17.5-2.8 29.4-19.3 26.6-36.8-2.8-17.5-19.3-29.4-36.8-26.6-17.6 2.8-29.5 19.3-26.6 36.8-0.1 0 0 0 0 0zM739.7 607c0 17.7 14.4 32.1 32.1 32.1s32.1-14.4 32.1-32.1-14.4-32.1-32.1-32.1-32.1 14.4-32.1 32.1zM739.7 799.7c0 17.7 14.4 32.1 32.1 32.1s32.1-14.4 32.1-32.1c0-17.7-14.4-32.1-32.1-32.1s-32.1 14.4-32.1 32.1z" fill="#414441" p-id="2032"></path></svg>
                        <div>数据集</div>
                    </div>
                    <div class="flex-center item-icom" id="luckysheet-icon-dataAnalyse">
                      <i class="icon iconfont icon-changguishujutongji" style="font-size: 15px; color: #000;"></i>
                      <div style="margin-top:-2px;">数据分析</div>
                    </div>
                    <div class="flex-center item-icom"
                        style="margin-right:0px;padding-right:0px;">
                        <div id="luckysheet-icon-import" class="flex-center icon-and-txt-content">
                            <svg t="1717117055485" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3272" width="200" height="200"><path d="M987.428571 621.714286h-73.142857v292.571428h-804.571428v-292.571428h-73.142857v365.714285h950.857142v-365.714285z" fill="#707070" p-id="3273"></path><path d="M475.428571 731.428571h73.142858V36.571429h-73.142858V731.428571z" fill="#707070" p-id="3274"></path><path d="M497.371429 753.371429l51.2-51.2-204.8-204.8-51.2 51.2 204.8 204.8z" fill="#707070" p-id="3275"></path><path d="M512 768l226.742857-219.428571-51.2-51.2-226.742857 219.428571 51.2 51.2z" fill="#414441" p-id="3276"></path></svg>
                            <div>导入</div>
                        </div>
                        <!--<div id='importDropdown' class="iconfont icon-xiala" ></div>-->
                        <svg id='importDropdown' t="1717399399448" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8197" width="200" height="200"><path d="M511.36 712.32L240.853333 441.813333l30.293334-30.293333 241.493333 241.493333 262.186667-241.92 29.013333 31.146667-292.48 270.08z" p-id="8198"></path></svg>
                    </div>
                    <div class="flex-center item-icom" id="luckysheet-icon-export">
                        <svg t="1717117159779" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4393" width="200" height="200"><path d="M910.222222 853.333333V455.111111h56.888889v455.111111H113.777778V455.111111h56.888889v398.222222h739.555555z m56.888889 0l-56.888889 56.888889v-56.888889h56.888889zM170.666667 910.222222l-56.888889-56.888889h56.888889v56.888889z m739.555555-455.111111h56.888889v455.111111H113.777778V455.111111h56.888889v398.222222h739.555555V455.111111zM170.666667 910.222222l-56.888889-56.888889h56.888889v56.888889z m796.444444-56.888889l-56.888889 56.888889v-56.888889h56.888889z" fill="#414441" p-id="4394"></path><path d="M512 113.777778h56.888889v625.777778H512z" fill="#707070" p-id="4395"></path><path d="M545.166222 56.149333l249.400889 249.400889-40.220444 40.220445-249.400889-249.400889z" fill="#707070" p-id="4396"></path><path d="M294.513778 307.996444L543.857778 58.595556l40.220444 40.220444-249.400889 249.400889z" fill="#707070" p-id="4397"></path></svg>
                        <div>导出</div>
                    </div>
                    <div class="flex-center item-icom" id="luckysheet-icon-save">
                        <svg t="1717117422192" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8501" width="200" height="200"><path d="M925.248 356.928l-258.176-258.176a64 64 0 0 0-45.248-18.752H144a64 64 0 0 0-64 64v736a64 64 0 0 0 64 64h736a64 64 0 0 0 64-64V402.176a64 64 0 0 0-18.752-45.248zM288 144h192V256H288V144z m448 736H288V736h448v144z m144 0H800V704a32 32 0 0 0-32-32H256a32 32 0 0 0-32 32v176H144v-736H224V288a32 32 0 0 0 32 32h256a32 32 0 0 0 32-32V144h77.824l258.176 258.176V880z" p-id="8502" fill="#707070"></path></svg>
                        <div>保存</div>
                    </div>
                    <div class="flex-center item-icom" id="luckysheet-icon-print">
                        <svg t="1717117461916" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8754" width="200" height="200"><path d="M687.4 653.9H340.6c-23.1 0-41.9 18.8-41.9 41.9V857c0 23.1 18.8 41.9 41.9 41.9h346.9c23.1 0 41.9-18.8 41.9-41.9V695.8c0-23.1-18.9-41.9-42-41.9z m-0.8 202.3H341.4V696.6h345.3v159.6z" p-id="8755" fill="#707070"></path><path d="M811.9 279h-58.8v-99.6c0-28.6-23.3-51.9-51.9-51.9H326.8c-28.6 0-51.9 23.3-51.9 51.9V279H164.5c-20.9 0-37.8 16.9-37.8 37.8v316.8c0 49.4 40 89.4 89.4 89.4h16c17.8 0 32.2-14.4 32.2-32.2 0-29.4 23.8-53.2 53.2-53.2h392.9c29.4 0 53.2 23.8 53.2 53.2 0 17.8 14.4 32.2 32.2 32.2h67.5c20.9 0 37.8-16.9 37.8-37.8V368.4c0.2-49.4-39.8-89.4-89.2-89.4z m-494.3-99.6c0-5.1 4.1-9.2 9.2-9.2h374.5c5.1 0 9.2 4.1 9.2 9.2V279H317.6v-99.6z m541 500.9h-52.8c-5.2-48-46-85.5-95.4-85.5H317.5c-49.4 0-90.2 37.5-95.4 85.5H216c-25.7 0-46.7-20.9-46.7-46.7V321.7h642.6c25.7 0 46.7 20.9 46.7 46.7v311.9z" p-id="8756" fill="#707070"></path><path d="M481.3 349.1H231.5c-11.8 0-21.4 9.6-21.4 21.4 0 11.8 9.6 21.4 21.4 21.4h249.8c11.8 0 21.4-9.6 21.4-21.4-0.1-11.8-9.6-21.4-21.4-21.4z" p-id="8757" fill="#414441"></path></svg>
                        <div>打印</div>
                    </div>

          
                </div>
                <div class="flex-center">
                    <div class="flex-center item-icom" id="luckysheet-icon-undo">
                        <svg t="1717117627031" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9009" width="200" height="200"><path d="M310.624 510.4a32 32 0 0 1 2.496 42.464l-2.496 2.784a32 32 0 0 1-42.464 2.496l-2.784-2.496-181.024-181.024a32 32 0 0 1-2.496-42.464l2.496-2.784 181.024-181.024a32 32 0 0 1 47.744 42.464l-2.496 2.784L184.224 320h493.152c149.568 0 271.648 114.112 271.648 256 0 139.264-117.6 251.776-263.36 255.872l-8.288 0.128H157.248a32 32 0 0 1-3.712-63.776L157.248 768h520.128c115.136 0 207.648-86.464 207.648-192 0-103.2-88.416-188.16-200-191.872L677.376 384H184.256l126.4 126.4z" fill="#414441" p-id="9010"></path></svg>
                        <!-- <div>撤销</div> -->
                    </div>
                    <div class="flex-center item-icom" id="luckysheet-icon-redo" >
                        <svg t="1717118484981" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3336" width="200" height="200"><path d="M859.58 335.086667a21.333333 21.333333 0 0 0 30.173333 0l85.333334-85.333334a21.333333 21.333333 0 0 0 0-30.173333l-85.333334-85.333333a21.333333 21.333333 0 0 0-30.173333 30.173333l48.913333 48.913333H341.333333a298.666667 298.666667 0 1 0 0 597.333334h576a21.333333 21.333333 0 0 0 0-42.666667H341.333333c-141.16 0-256-114.84-256-256s114.84-256 256-256h567.16l-48.913333 48.913333a21.333333 21.333333 0 0 0 0 30.173334z" fill="#B0B0B1" p-id="3337"></path></svg>
                        <!-- <div>重做</div> -->
                    </div>
                </div>
                <div class="xuxian">|</div>
                <div class="operation-container flex-center" id="operationContainer">
                    <div class="bottom-line" type="bottomStart">
                        开始
                    </div>
                    <div type="bottomInsert">
                        插入
                    </div>
                    <div type="bottomReview">
                        审阅
                    </div>
                    <div type="bottomFormula">
                        公式
                    </div>
                    <div type="bottomData">
                        数据
                    </div>
                </div>
            </div>
            <!-- 下面 -->
            <div id="bottomOperContainer" class="bottom-oper-container">
                <!-- 数据 -->
                <div style="display:none;" id="bottomData" class="flex-start bottom-container" >
                    <div class="item-icom" id="luckysheet-dataVerification-btn-title" >
                        <svg t="1717204927540" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2820" width="200" height="200"><path d="M832 669.866667c68.334933 0 123.733333 55.3984 123.733333 123.733333s-55.3984 123.733333-123.733333 123.733333-123.733333-55.3984-123.733333-123.733333 55.3984-123.733333 123.733333-123.733333z m-65.6512 92.855466A72.256 72.256 0 0 0 759.466667 793.6c0 40.059733 32.4736 72.533333 72.533333 72.533333 11.042133 0 21.508267-2.466133 30.877867-6.882133zM832 721.066667c-10.2784 0-20.053333 2.1376-28.9152 5.9904l95.458133 95.453866A72.290133 72.290133 0 0 0 904.533333 793.6c0-40.059733-32.4736-72.533333-72.533333-72.533333z m8.533333-187.733334v119.466667h-68.266666v-51.2H174.933333v145.066667h512v68.266666H106.666667v-281.6h733.866666z m97.181867-266.0992l36.369067 36.032-167.2448 168.810667-108.373334-108.373333 36.202667-36.206934 71.995733 72 131.050667-132.266666zM840.533333 132.266667v119.466666h-68.266666V200.533333H174.933333v145.066667h512v68.266667H106.666667V132.266667h733.866666z" fill="#707070" p-id="2821"></path></svg>
                        <div>数据验证</div>
                    </div>
                    <div class="item-icom" id="">
                        <div id="luckysheet-splitColumn-btn-title" class="flex-center icon-and-txt-content">
                            <svg t="1717208472758" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4341" width="200" height="200"><path d="M143.36 184.32v163.84h737.28v-163.84h-737.28z m-40.96-40.96h819.2v245.76h-819.2v-245.76z m342.016 333.824l67.584 67.584 67.584-67.584c8.192-8.192 20.48-8.192 28.672 0 8.192 8.192 8.192 20.48 0 28.672l-96.256 96.256-96.256-96.256c-8.192-8.192-8.192-20.48 0-28.672 8.192-8.192 20.48-8.192 28.672 0z m-342.016 157.696h368.64v245.76h-368.64v-245.76z m450.56 0h368.64v245.76h-368.64v-245.76z m-409.6 204.8h286.72v-163.84h-286.72v163.84z m450.56 0h286.72v-163.84h-286.72v163.84z" fill="#707070" p-id="4342"></path></svg>
                            <div>分列</div>
                        </div>                        
                    </div>
                    <div class="item-icom" id="">
                        <div id="luckysheet-icon-duplicateItem" class="flex-center icon-and-txt-content">
                            <svg t="1717208853805" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5068" width="200" height="200"><path d="M863.77540267 456.62208h-2.91271112c-14.33053867 0-25.86487467 11.534336-25.86487466 25.86487467V788.67114667c0 14.33053867-11.534336 25.86487467-25.86487467 25.86487466H314.08856177c-14.33053867 0-25.86487467-11.534336-25.86487467-25.86487466v-33.78744889H744.47075555c14.33053867 0 25.86487467-11.534336 25.86487467-25.86487467V482.48695467c0-14.33053867-11.534336-25.86487467-25.86487467-25.86487467h-2.91271111c-14.33053867 0-25.86487467 11.534336-25.86487467 25.86487467v186.87954489c0 14.33053867-11.534336 25.86487467-25.86487467 25.86487467H288.2236871v-332.04906667c0-14.33053867 11.534336-25.86487467 25.86487467-25.86487466h251.42522312c14.33053867 0 25.86487467-11.534336 25.86487466-25.86487467v-7.92257423c0-14.33053867-11.534336-25.86487467-25.86487466-25.86487467H259.32959289c-14.33053867 0-25.86487467 11.534336-25.86487467 25.86487467v391.70139023h-38.68080355c-14.33053867 0-25.86487467-11.534336-25.86487467-25.86487467V243.87766045c0-14.33053867 11.534336-25.86487467 25.86487467-25.86487467h370.72987022c14.33053867 0 25.86487467-11.534336 25.86487466-25.86487467v-7.92257421c0-14.33053867-11.534336-25.86487467-25.86487466-25.86487467H140.02494577c-14.33053867 0-25.86487467 11.534336-25.86487467 25.86487467v544.79348621c0 14.33053867 11.534336 25.86487467 25.86487467 25.86487467h93.43977245v93.43977245c0 14.33053867 11.534336 25.86487467 25.86487467 25.86487467h604.44580978c14.33053867 0 25.86487467-11.534336 25.86487466-25.86487467v-365.83651556c0-14.21403022-11.534336-25.86487467-25.86487466-25.86487467z" p-id="5069" fill="#707070"></path><path d="M842.104832 255.99453867l92.39119644-92.274688c10.71877689-10.71877689 10.83528533-28.07853511 0.34952533-38.91382044-10.71877689-11.06830222-28.42806045-11.30131911-39.37985422-0.46603378l-93.43977245 91.69214578-92.50770488-92.04167112c-10.48576-10.48576-27.61250133-10.01972622-37.51571912 1.048576-9.20416711 10.25274311-8.73813333 25.86487467 0.93206757 35.651584l91.92516266 91.69214579-90.29404444 88.54641777c-10.60226845 10.48576-11.18481067 27.37948445-1.16508445 38.44778666l1.86413511 2.097152c10.60226845 11.76735289 29.01060267 12.23338667 40.19541334 1.048576l89.82801066-89.71150222 92.85723022 92.62421334c9.90321778 9.90321778 25.86487467 10.13623467 36.00110933 0.46603378l0.2330169-0.2330169c10.60226845-10.01972622 10.83528533-26.79694222 0.46603377-37.16619377l-92.74072177-92.50770489zM472.07401244 575.92672711v59.65232356H651.0309831v-59.65232356h-59.65232355V396.96975645H472.07401244V456.62208h59.65232356v119.30464711z" p-id="5070" fill="#707070"></path></svg>
                            <div>重复项</div>
                        </div>        
                        <!--<div id="duplicateItemDropDown"  class="iconfont icon-xiala" ></div>-->
                        <svg id='duplicateItemDropDown' t="1717399399448" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8197" width="200" height="200"><path d="M511.36 712.32L240.853333 441.813333l30.293334-30.293333 241.493333 241.493333 262.186667-241.92 29.013333 31.146667-292.48 270.08z" p-id="8198"></path></svg>
                    </div>
                    
                    <div class="xuxian">|</div>

                    <div class="item-icom" id="">
                        <div id="luckysheet-superScript" class="flex-center icon-and-txt-content">
                            <svg t="1717208700417" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4594" width="200" height="200"><path d="M238.762667 213.333333l209.237333 252.928L657.237333 213.333333H768l-264.618667 319.872L768 853.077333V853.333333h-110.506667l-209.493333-253.184L238.506667 853.333333H128v-0.256l264.618667-319.872L128 213.333333h110.762667zM919.466667 280.746667a34.133333 34.133333 0 1 0-56.32-15.36l-49.28 14.08a85.333333 85.333333 0 1 1 140.714666 38.570666L885.077333 384H981.333333v42.666667h-170.666666V384l108.8-103.253333z" p-id="4595" fill="#707070"></path></svg>
                            <div>上标</div>
                        </div>                        
                    </div>
                    <div class="item-icom" id="">
                        <div id="luckysheet-subScript" class="flex-center icon-and-txt-content">
                            <svg t="1717208713105" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4847" width="200" height="200"><path d="M238.762667 170.666667L448 423.594667 657.237333 170.666667H768l-264.618667 319.872L768 810.410667V810.666667h-110.506667l-209.493333-253.184L238.506667 810.666667H128v-0.256l264.618667-319.872L128 170.666667h110.762667zM919.466667 707.413333a34.133333 34.133333 0 1 0-56.32-15.36l-49.28 14.08a85.333333 85.333333 0 1 1 140.714666 38.570667L885.077333 810.666667H981.333333v42.666666h-170.666666v-42.666666l108.8-103.253334z" p-id="4848" fill="#707070"></path></svg>
                            <div>下标</div>
                        </div>                        
                    </div>
                
    
                    <div class="xuxian">|</div>
    
                    <div class="item-icom" id="">
                        <div id="luckysheet-icon-refreshSheet" class="flex-center icon-and-txt-content">
                            <svg t="1717209440084" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6191" width="200" height="200"><path d="M800 64a32 32 0 0 1 32 32v272a16 16 0 0 1-16 16h-32a16 16 0 0 1-16-16V128H512v224a32 32 0 0 1-32 32H256v512h176a16 16 0 0 1 16 16v32a16 16 0 0 1-16 16H224a32 32 0 0 1-32-32V339.84a48 48 0 0 1 14.08-33.92l227.84-227.84A48 48 0 0 1 467.84 64h332.16z m-103.04 448l17.024 0.448a223.744 223.744 0 0 1 163.2 86.528l25.6-22.208a12.8 12.8 0 0 1 21.12 8.768l8.32 117.056a12.8 12.8 0 0 1-15.488 13.376l-114.688-24.832a12.8 12.8 0 0 1-5.696-22.208l32.32-27.968A159.808 159.808 0 0 0 700.032 576l-10.752 0.384-10.432 1.024-11.392 1.92-4.928 1.088-11.2 3.2 6.336-1.92-4.736 1.28-9.472 3.264-2.24 0.96a160 160 0 0 0 27.136 305.664l14.272 2.176a159.808 159.808 0 0 0 149.888-69.504l6.016-9.536 8-13.824a16 16 0 0 1 21.888-5.824l27.712 16c7.68 4.48 10.24 14.208 5.76 21.888l-8 13.824a223.936 223.936 0 0 1-176 111.232L700.16 960l-11.84-0.32-6.08-0.384-18.432-2.24A224 224 0 0 1 490.24 657.92l7.808-18.816 7.936-15.04c19.584-33.92 47.36-61.632 80.256-80.96l2.048-1.088c2.816-1.728 5.632-3.328 8.512-4.8l1.664-0.768c8.256-4.288 16.768-8 25.472-11.136l10.112-3.328 11.136-3.2 15.872-3.328 15.808-2.176 14.08-1.024L696.96 512zM448 154.432L447.936 320H282.432L448 154.432z" fill="#707070" p-id="6192"></path></svg>
                            <div>刷新sheet页</div>
                        </div>                        
                    </div>
                </div>
                <!-- 公式 -->
                <div style="display:none;" id="bottomFormula" class="flex-start bottom-container" >
                    <div class="item-icom" id="">
                        <div id="luckysheet-icon-function" class="flex-center icon-and-txt-content">
                            <svg t="1717207694322" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3909" width="200" height="200"><path d="M213.333333 768l327.68-256L213.333333 256V170.666667h597.333334v85.333333H352.554667L682.666667 512l-330.112 256H810.666667v85.333333H213.333333v-85.333333z" p-id="3910" fill="#707070"></path></svg>
                            <div>求和</div>
                        </div>                        
                        <svg id='luckysheet-icon-function-menu' t="1717399399448" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8197" width="200" height="200"><path d="M511.36 712.32L240.853333 441.813333l30.293334-30.293333 241.493333 241.493333 262.186667-241.92 29.013333 31.146667-292.48 270.08z" p-id="8198"></path></svg>
                    </div>
                    <div class="xuxian">|</div>
                    <div class="item-icom" id="">
                        <div id="luckysheet-icon-refreshFormula" class="flex-center icon-and-txt-content">
                            <svg t="1717207860205" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3834" width="200" height="200"><path d="M699.733 776.533C644.267 810.667 580.267 832 516.267 832 328.533 832 179.2 686.933 179.2 503.467c0-46.934 8.533-89.6 29.867-132.267l4.266 29.867c4.267 17.066 25.6 25.6 42.667 21.333 17.067-4.267 25.6-25.6 21.333-42.667l-38.4-115.2c-4.266-17.066-25.6-25.6-42.666-21.333L76.8 285.867c-17.067 4.266-25.6 25.6-21.333 42.666 4.266 17.067 25.6 25.6 42.666 21.334l46.934-12.8C119.467 392.533 102.4 448 102.4 512c0 221.867 183.467 401.067 409.6 401.067 81.067 0 157.867-21.334 226.133-64 17.067-12.8 21.334-34.134 12.8-51.2-12.8-25.6-34.133-34.134-51.2-21.334z m256-81.066c-8.533-17.067-25.6-25.6-42.666-17.067l-38.4 17.067c34.133-59.734 51.2-123.734 51.2-192 0-221.867-183.467-401.067-409.6-401.067-85.334 0-162.134 25.6-230.4 68.267-17.067 12.8-21.334 34.133-12.8 51.2 12.8 17.066 34.133 21.333 51.2 8.533 55.466-34.133 119.466-55.467 187.733-55.467 187.733 0 337.067 145.067 337.067 328.534 0 55.466-12.8 106.666-38.4 153.6 0 0 0 4.266-4.267 4.266L793.6 627.2c-8.533-17.067-25.6-25.6-42.667-17.067-17.066 8.534-25.6 25.6-17.066 42.667L780.8 768c8.533 17.067 25.6 25.6 42.667 17.067l115.2-46.934c17.066-8.533 25.6-25.6 17.066-42.666z" fill="#707070" p-id="3835"></path></svg>
                            <div>刷新公式</div>
                        </div>    
                    </div>   
                    <div class="item-icom" id="">
                        <div id="luckysheet-icon-showFormula" class="flex-center icon-and-txt-content">
                            <svg t="1717208030749" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4087" width="200" height="200"><path d="M517.632 761.344c-12.8 0-26.112-0.512-39.424-2.048-182.784-17.408-316.416-153.6-342.016-198.144-9.216-16.384-12.288-58.368 1.536-77.312 123.392-163.84 256-242.688 393.728-233.472 184.32 11.776 320 180.224 352.768 238.08 6.656 11.776 15.36 59.392-0.512 77.824-110.592 129.536-233.984 195.072-366.08 195.072zM178.688 537.6c19.968 34.304 139.776 157.696 304.128 173.568 129.536 12.8 250.88-45.568 361.472-173.056 0.512-7.168-1.024-22.016-2.56-26.624-23.552-40.96-146.944-201.728-312.832-212.48-120.32-7.68-238.08 64-350.72 212.992-1.536 5.12-1.024 19.968 0.512 25.6z" fill="#707070" p-id="4088"></path><path d="M510.464 627.712c-67.584 0-122.368-54.784-122.368-122.368s54.784-122.368 122.368-122.368 122.368 54.784 122.368 122.368-54.784 122.368-122.368 122.368z m0-196.608c-40.96 0-73.728 33.28-73.728 73.728S470.016 578.56 510.464 578.56c40.96 0 73.728-33.28 73.728-73.728s-33.28-73.728-73.728-73.728z" fill="#707070" p-id="4089"></path></svg>
                            <div>显示公式</div>
                        </div>    
                    </div>   
                </div>
                <!-- 审阅 -->
                <div style="display:none;" id="bottomReview" class="flex-start bottom-container" >
                    <div data-tips="插入批注" id="luckysheet-icon-postil"  class="item-icom color-container" >
                        <div class="flex-center icon-and-txt-content" >
                            <svg t="1717205491090" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3332" width="200" height="200"><path d="M751.228537 117.332567c-1.023063 7.672974-1.470653 15.601715-1.278829 23.466514l1.278829 41.434062-32.418317 25.768406L473.466862 402.639333l-34.656268 27.494825-42.137418-13.747412a332.495559 332.495559 0 0 0-270.280524 28.965478l193.742604 194.637785 49.107037 49.362802 14.51471 14.642593 193.99837 194.829609a331.21673 331.21673 0 0 0 29.732776-271.559353l-13.747413-42.137418 27.494825-34.656268 194.509902-245.535182 25.768406-32.354375 41.434062 1.278829 4.220136 0.127883c6.522028 0 13.044057-0.44759 19.438202-1.406712l-155.377732-155.24985zM734.539817 0c9.719101 0 19.566085 3.644663 27.111177 11.189754l251.034146 250.650499a38.236989 38.236989 0 0 1-5.946555 59.081903 219.255244 219.255244 0 0 1-119.570518 35.359623c-2.301892 0-4.539843 0-6.841736-0.127882L685.752488 601.689078a413.253615 413.253615 0 0 1-71.742311 388.764038 39.451877 39.451877 0 0 1-58.378547 2.941307l-235.752139-236.775202L64.497325 1012.193211a37.277867 37.277867 0 1 1-52.623816-52.7517l255.510048-255.57399L31.631418 467.092319a39.451877 39.451877 0 0 1 3.197072-58.378548 411.399313 411.399313 0 0 1 258.771063-91.244454c43.480188 0 86.832494 6.905677 128.586263 20.461265l245.407299-194.573843A218.871596 218.871596 0 0 1 702.56909 17.264192a37.981223 37.981223 0 0 1 31.970727-17.264192z" fill="#707070" p-id="3333"></path></svg>
                            <div>插入批注</div>
                        </div>
                        <svg  t="1717399399448" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8197" width="200" height="200"><path d="M511.36 712.32L240.853333 441.813333l30.293334-30.293333 241.493333 241.493333 262.186667-241.92 29.013333 31.146667-292.48 270.08z" p-id="8198"></path></svg>
                    </div>
                    <div class="xuxian">|</div>
                    <div class="item-icom" id="luckysheet-icon-protection" >
                        <svg t="1717206140228" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3581" width="200" height="200"><path d="M640.441 54a32 32 0 0 1 23.453 10.229l0.333 0.365 191.912 213.25 0.011 0.012a31.877 31.877 0 0 1 8 17.766l0.004 0.044c0.115 1.015 0.182 2.04 0.199 3.069v192.44c0 17.673-14.327 32-32 32-17.496 0-31.713-14.042-31.996-31.47l-0.004-0.53-0.001-159.925H619.118c-17.497 0-31.713-14.042-31.996-31.47l-0.004-0.53-0.001-181.25h-394.47c-5.785 0-10.493 4.615-10.643 10.366l-0.004 0.284v767.7c0 5.788 4.615 10.496 10.363 10.646l0.284 0.004H448.53c17.674 0 32 14.327 32 32 0 17.496-14.041 31.713-31.47 32H192.647c-40.815 0-73.978-32.757-74.637-73.416l-0.01-1.234v-767.7c0-40.815 32.755-73.98 73.413-74.64l1.234-0.01h447.794z m85.294 511.8c52.475 0 95.11 42.114 95.958 94.388l0.013 1.587-0.001 31.974 53.295 0.001c17.496 0 31.713 14.042 31.996 31.47l0.004 0.53v170.6c0 17.673-14.327 32-32 32H576.47c-17.673 0-32-14.327-32-32v-170.6c0-17.673 14.327-32 32-32l53.294-0.001v-31.974c0-53.006 42.967-95.975 95.971-95.975zM843 757.75H608.47v106.599h234.529V757.75zM725.735 629.8c-17.48 0-31.684 14.03-31.966 31.446l-0.004 0.529-0.001 31.974h63.941v-31.974c0-17.66-14.312-31.975-31.97-31.975z m34.769-362.55L651.117 145.7v121.55h109.387z" p-id="3582" fill="#707070"></path></svg>
                        <div>保护工作表</div>
                    </div>
                </div>
                <!-- 插入 -->
                <div style="display:none;"  id="bottomInsert" class="flex-start bottom-container" >
                    <div class="item-icom" id="luckysheet-pivot-btn-title" >
                        <svg t="1717204257069" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1851" width="200" height="200"><path d="M741.5808 540.16l-2.8672-0.1536c-14.7456-1.536-18.7904-16.5888-10.0352-29.9008l42.496-63.0784 1.8432-2.304a19.2512 19.2512 0 0 1 29.952 2.304l43.52 63.0784 1.6384 2.56c7.7824 13.9264 1.8944 27.648-14.7456 27.4944h-22.9376v60.1088a20.9408 20.9408 0 0 1-41.984 0V540.16h-26.88zM548.5056 820.3264l-0.1024 2.9184c-1.536 14.7456-16.64 18.7904-29.952 9.984l-63.0784-42.496-2.2528-1.792a19.2512 19.2512 0 0 1 2.2528-30.0032l63.0784-43.52 2.56-1.5872c13.9776-7.8336 27.648-1.8944 27.4944 14.7456v22.9376h60.1088a20.9408 20.9408 0 0 1 0 41.984H548.5056v26.8288z" fill="#646473" p-id="1852"></path><path d="M446.0032 323.5328h371.3024V206.6944H446.0032v116.8384z m376.6272 53.0944h-381.952a47.8208 47.8208 0 0 1-47.7696-47.8208V201.3696c0-26.3168 21.4528-47.7696 47.7696-47.7696h381.952c26.3168 0 47.7696 21.4528 47.7696 47.7696v127.488a47.8208 47.8208 0 0 1-47.7696 47.7696zM206.6944 817.3056h143.36v-371.712h-143.36v371.712zM355.3792 870.4H201.3696A47.8208 47.8208 0 0 1 153.6 822.6304V440.32c0-26.368 21.4528-47.7696 47.7696-47.7696h154.0096c26.3168 0 47.7696 21.4016 47.7696 47.7696v382.3104a47.8208 47.8208 0 0 1-47.7696 47.7696zM739.7376 801.3824H482.816v-53.0944h256.9216a19.1488 19.1488 0 0 0 19.1488-19.1488V472.1664h53.0944v256.9728c0 39.8336-32.4096 72.192-72.192 72.192" fill="#646473" p-id="1853"></path></svg>
                        <div>数据透视表</div>
                    </div>
                    <div class="xuxian">|</div>
    
                    <div class="item-icom" id="luckysheet-insertImg-btn-title" >
                        <svg t="1717204377634" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2009" width="200" height="200"><path d="M827.7504 768c0 11.008-2.9696 21.2992-8.192 30.1568l-3.328 5.12c-10.9056 14.848-28.416 24.4736-48.2304 24.4736H187.7504c-19.8144 0-37.376-9.6256-48.2304-24.4736l-3.3792-5.12A59.392 59.392 0 0 1 128 768V290.1504c0-33.024 26.7264-59.7504 59.7504-59.7504H768c32.9728 0 59.7504 26.7264 59.7504 59.7504V768z m-312.1152-255.1296L429.056 613.9904a25.6 25.6 0 0 1-35.4304 3.328L326.144 563.3536l-146.944 146.944V768l0.4096 2.7136c0.8704 2.56 2.8672 4.5568 5.4272 5.376l2.7136 0.4608H768a8.4992 8.4992 0 0 0 8.5504-8.5504l-0.0512-55.6544-260.864-199.4752zM768 281.6H187.7504a8.5504 8.5504 0 0 0-8.5504 8.5504v347.7504L306.176 510.976a25.6 25.6 0 0 1 30.0544-4.5056l4.0448 2.6112 65.9456 52.7872L492.544 461.2096a25.6 25.6 0 0 1 35.0208-3.6864l248.9344 190.3616V290.1504a8.5504 8.5504 0 0 0-5.7856-8.1408L768 281.6zM315.5968 349.8496a51.2 51.2 0 1 1 0 102.4 51.2 51.2 0 0 1 0-102.4z" p-id="2010"></path></svg>
                        <div>图片</div>
                        <input id="luckysheet-imgUpload" type="file" accept="image/*" style="display:none;"></input>
                    </div>
                    <div class="item-icom" id="luckysheet-chart-btn-screenshot" >
                        <svg t="1717204754545" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2735" width="200" height="200"><path d="M351.3 256h448.8c17.7 0 32-14.3 32-32s-14.3-32-32-32H351.3c-17.7 0-32 14.3-32 32 0 17.6 14.4 32 32 32z" fill="#707070" p-id="2736"></path><path d="M768.2 224.1v448.8c0 17.7 14.3 32 32 32s32-14.3 32-32V224.1c0-17.7-14.3-32-32-32s-32 14.3-32 32zM928.4 767.7H224c-17.7 0-32 14.3-32 32s14.3 32 32 32h704.3c17.7 0 32-14.3 32-32 0.1-17.7-14.3-32-31.9-32z" fill="#707070" p-id="2737"></path><path d="M256 799.6V95.9c0-17.7-14.3-32-32-32s-32 14.3-32 32v703.7c0 17.7 14.3 32 32 32s32-14.3 32-32z" fill="#707070" p-id="2738"></path><path d="M96.2 256H224c17.7 0 32-14.3 32-32s-14.3-32-32-32H96.2c-17.7 0-32 14.3-32 32 0 17.6 14.3 32 32 32zM768.2 799.8v128.4c0 17.7 14.3 32 32 32s32-14.3 32-32V799.8c0-17.7-14.3-32-32-32s-32 14.3-32 32zM659.7 319L320.1 658.6c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L705 364.2c12.5-12.5 12.5-32.8 0-45.3-12.5-12.4-32.8-12.4-45.3 0.1z" fill="#707070" p-id="2739"></path></svg>
                        <div>截图</div>
                        
                    </div>
                    <div class="item-icom" id="luckysheet-insertLink-btn-title" >
                        <svg t="1717204729621" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2482" width="200" height="200"><path d="M673.245409 343.025551c12.397314 12.397314 12.397314 32.497615 0 44.89493l-316.368954 316.368954c-12.397314 12.397314-32.497615 12.397314-44.894929 0-12.397314-12.397314-12.397314-32.497615 0-44.894929l316.368954-316.368955c12.397314-12.397314 32.497615-12.397314 44.894929 0z m-62.432011 194.310866c32.930431 32.930431 86.321725 32.930431 119.252156 0l136.789238-136.789238c32.930431-32.930431 32.930431-86.321725 0-119.252155l-131.878855-131.878855c-32.930431-32.930431-86.321725-32.930431-119.252156 0l-136.789237 136.789237c-32.930431 32.930431-32.930431 86.321725 0 119.252156l-0.042791 0.042791c11.018899 12.468164 10.566442 31.522554-1.360176 43.449172-11.925917 11.925917-30.981009 12.379075-43.448471 1.359475l-9.864257-9.777274c-52.301891-52.301891-52.30119-137.099293 0-189.400483l156.430769-156.430769c52.301891-52.301891 137.098592-52.301891 189.400483 0l151.520386 151.520386c52.30119 52.30119 52.301891 137.098592 0 189.400483l-156.430769 156.430769c-52.30119 52.30119-137.099293 52.30119-189.400483 0l-10.522249-10.522249c-12.397314-12.397314-12.397314-32.497615 0-44.894929 12.397314-12.397314 32.497615-12.397314 44.894929 0l0.701483 0.701483z m-237.101345-26.656364c-32.930431-32.930431-86.321725-32.930431-119.252155 0l-136.789238 136.789237c-32.930431 32.930431-32.930431 86.321725 0 119.252156l131.878855 131.878855c32.930431 32.930431 86.321725 32.930431 119.252155 0l136.789238-136.789238c32.930431-32.930431 32.930431-86.321725 0-119.252156l0.043492-0.043492c-11.020302-12.468164-10.566442-31.522554 1.359475-43.44847 11.926619-11.926619 30.980307-12.379777 43.449172-1.360176l9.863556 9.777975c52.30119 52.30119 52.301891 137.098592 0 189.400483l-156.430769 156.430769c-52.30119 52.30119-137.099293 52.30119-189.400483 0l-151.520386-151.520387c-52.301891-52.301891-52.30119-137.099293 0-189.400482l156.430769-156.430769c52.301891-52.301891 137.098592-52.301891 189.400483 0l10.522249 10.522249c12.397314 12.397314 12.397314 32.497615 0 44.894929-12.397314 12.397314-32.497615 12.397314-44.894929 0l-0.701484-0.701483z" fill="#707070" p-id="2483"></path></svg>
                        <div>超链接</div>
                    </div>
    
                    <div class="xuxian">|</div>
    
                    <div class="item-icom" id="luckysheet-chart-btn-title" >
                        <svg t="1717204716848" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2323" width="200" height="200"><path d="M128 64c-38.4 0-64 25.6-64 64v768c0 38.4 25.6 64 64 64h768c38.4 0 64-25.6 64-64V128c0-38.4-25.6-64-64-64H128z m0-64h768c70.4 0 128 57.6 128 128v768c0 70.4-57.6 128-128 128H128c-70.4 0-128-57.6-128-128V128C0 57.6 57.6 0 128 0z" fill="#626262" p-id="2324"></path><path d="M64 320h896v64H64zM64 640h896v64H64z" fill="#9B9B9B" p-id="2325"></path><path d="M320 64h64v896H320zM640 64h64v896h-64z" fill="#9B9B9B" p-id="2326"></path></svg>
                        <div>图表</div>
                    </div>
                </div>
                <!-- 开始 -->
                <div  id="bottomStart" class="flex-start bottom-container" >
                    <div class="item-icom" id="luckysheet-icon-paintformat" >
                        <svg t="1717119773315" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4886" width="200" height="200"><path d="M840 192h-56v-72c0-13.3-10.7-24-24-24H168c-13.3 0-24 10.7-24 24v272c0 13.3 10.7 24 24 24h592c13.3 0 24-10.7 24-24V256h32v200H465c-22.1 0-40 17.9-40 40v136h-44c-4.4 0-8 3.6-8 8v228c0 0.6 0.1 1.3 0.2 1.9-0.1 2-0.2 4.1-0.2 6.1 0 46.4 37.6 84 84 84s84-37.6 84-84c0-2.1-0.1-4.1-0.2-6.1 0.1-0.6 0.2-1.2 0.2-1.9V640c0-4.4-3.6-8-8-8h-44V520h351c22.1 0 40-17.9 40-40V232c0-22.1-17.9-40-40-40zM720 352H208V160h512v192zM477 876c0 11-9 20-20 20s-20-9-20-20V696h40v180z" p-id="4887" fill="#414441"></path></svg>
                        格式刷
                    </div>
                    <div class="xuxian">|</div>
    
                    <div class="item-icom" id="luckysheet-icon-bold" >
                        <svg t="1717137449659" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2344" width="200" height="200"><path d="M768.96 575.072c-22.144-34.112-54.816-56.8-97.984-68.032v-2.176c22.88-10.88 42.112-23.04 57.696-36.48 15.616-12.704 27.584-26.144 35.936-40.288 16.32-29.76 24.128-60.96 23.392-93.632 0-63.872-19.776-115.232-59.328-154.08-39.2-38.464-97.824-58.048-175.84-58.784H215.232v793.728H579.52c62.432 0 114.496-20.864 156.256-62.624 42.112-39.936 63.52-94.176 64.224-162.752 0-41.376-10.336-79.68-31.04-114.88zM344.32 228.832h194.912c43.904 0.736 76.224 11.424 96.896 32.128 21.056 22.144 31.584 49.184 31.584 81.12s-10.528 58.432-31.584 79.488c-20.672 22.848-52.992 34.304-96.896 34.304H344.32V228.832z m304.352 536.256c-20.672 23.584-53.344 35.744-97.984 36.48H344.32v-238.432h206.336c44.64 0.704 77.312 12.512 97.984 35.392 20.672 23.232 31.04 51.168 31.04 83.84 0 31.904-10.336 59.488-31.008 82.72z" p-id="2345"></path></svg>
                        <!-- 加粗 -->
                    </div>
                    <div class="item-icom" id="luckysheet-icon-italic" >
                        <svg t="1717121098843" class="icon" viewBox="0 0 1097 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5231" width="200" height="200"><path d="M811.154286 121.636571a38.4 38.4 0 0 1 6.217143 76.288l-6.217143 0.438858H644.388571L470.381714 855.771429h152.429715a38.4 38.4 0 0 1 6.217142 76.361142l-6.217142 0.512h-404.48a38.4 38.4 0 0 1-6.290286-76.288l6.217143-0.512h172.617143l173.933714-657.481142H406.674286a38.4 38.4 0 0 1-6.217143-76.288l6.217143-0.438858h404.48z" fill="#414441" p-id="5232"></path></svg>
                        <!-- 斜线 -->
                    </div>
    
                    <div class="item-icom" id="luckysheet-icon-strikethrough" >
                        <svg t="1717121152151" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5526" width="200" height="200"><path d="M756.037818 539.624727c61.998545 40.634182 93.486545 96.977455 93.486546 169.053091 0 71.493818-30.487273 128.954182-90.274909 171.194182-57.437091 39.796364-133.632 59.764364-228.584728 59.764364-96.116364 0-172.334545-22.272-227.421091-65.629091-63.301818-50.408727-98.443636-126.650182-105.495272-227.421091h70.330181c8.215273 78.498909 35.165091 137.146182 82.059637 175.825454 42.193455 34.001455 102.004364 51.595636 179.362909 51.595637 73.844364 0 133.632-15.290182 179.339636-43.426909 44.544-29.253818 68.002909-69.12 68.002909-118.365091 0-57.437091-29.323636-101.981091-85.597091-133.632-18.338909-10.705455-50.641455-23.901091-97.256727-38.958546H221.090909a34.909091 34.909091 0 0 1 0-69.818182h145.105455c-22.853818-8.448-39.959273-15.965091-51.2-22.528-64.512-36.328727-96.162909-89.088-96.162909-157.044363 0-72.680727 29.323636-127.790545 90.298181-166.469818C363.008 87.412364 433.338182 69.818182 517.748364 69.818182c91.461818 0 164.119273 22.272 218.018909 66.816 55.109818 44.544 86.760727 110.173091 93.789091 196.957091h-71.517091c-9.355636-65.629091-33.978182-114.874182-73.844364-148.875637-39.866182-34.001455-96.116364-50.408727-168.797091-50.408727-68.002909 0-120.738909 11.729455-159.418182 35.141818-44.544 25.832727-65.629091 65.675636-65.629091 118.411637 0 46.917818 25.762909 83.223273 78.49891 111.36 24.669091 11.729455 78.545455 30.510545 160.628363 53.922909 20.014545 5.725091 38.772364 11.264 56.32 16.663272H826.181818a34.909091 34.909091 0 0 1 0 69.818182h-70.144z" fill="#414441" p-id="5527"></path></svg>
                        <!-- 中划线 -->
                    </div>
                    <div class="item-icom" id="luckysheet-icon-underline" >
                        <svg t="1717121546109" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5825" width="200" height="200"><path d="M802.909091 942.545455h-558.545455a34.909091 34.909091 0 0 1 0-69.818182h558.545455a34.909091 34.909091 0 0 1 0 69.818182z m-279.272727-104.727273C350.394182 837.818182 209.454545 696.878545 209.454545 523.636364v-395.636364a34.909091 34.909091 0 0 1 69.818182 0v395.636364C279.272727 658.385455 388.887273 768 523.636364 768S768 658.385455 768 523.636364v-395.636364a34.909091 34.909091 0 0 1 69.818182 0v395.636364C837.818182 696.878545 696.878545 837.818182 523.636364 837.818182z" fill="#414441" p-id="5826"></path></svg>
                        <!-- 下划线 -->
                    </div>
                    <div class="item-icom padding-0 margin-0"  >
                        <div id="luckysheet-icon-border-all" class="flex-center icon-and-txt-content">
                            <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                                <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-border-all iconfont luckysheet-iconfont-quanjiabiankuang"
                                style="
                                    user-select: none;
                                    font-size: 24px;
                                    line-height: 25px;
                                    width: 20px;
                                    height: 20px;
                                    transform: translate(-2px, -3px);
                                ">
                                </div>
                            </div>
                        </div>
                        <!--<svg id="" t="1717121566021" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6124" width="200" height="200"><path d="M916.210526 53.894737H53.894737v916.210526h916.210526V53.894737h-53.894737zM107.789474 107.789474h377.263158v377.263158H107.789474V107.789474z m0 808.421052v-377.263158h377.263158v377.263158H107.789474z m431.157894 0v-377.263158h377.263158v377.263158h-377.263158z m377.263158-431.157894h-377.263158V107.789474h377.263158v377.263158z" fill="#414441" p-id="6125"></path></svg>-->
                        <svg id='luckysheet-icon-border-menu' t="1717399399448" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8197" width="200" height="200"><path d="M511.36 712.32L240.853333 441.813333l30.293334-30.293333 241.493333 241.493333 262.186667-241.92 29.013333 31.146667-292.48 270.08z" p-id="8198"></path></svg>
                        <!-- 边框 -->
                    </div>
                    <div data-tips="${toolbar.fillColor}"  class="item-icom color-container" style="margin:0;">
                        <svg id="luckysheet-icon-cell-color" t="1717121593171" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6423" width="200" height="200"><path d="M390.784 117.76a32 32 0 0 1 41.642667-3.114667l3.584 3.114667 313.6 313.6c26.624 26.624 28.202667 68.778667 4.693333 97.28l-4.693333 5.12-256.853334 256.853333c-67.328 67.370667-141.525333 69.589333-209.322666 6.741334l-6.997334-6.741334-171.093333-171.093333C37.973333 552.192 35.754667 477.994667 98.56 410.197333l6.741333-6.997333 183.893334-183.893333a32 32 0 0 1 48.341333 41.642666L334.506667 264.533333l-183.893334 183.893334c-42.709333 42.752-44.586667 77.994667-5.546666 120.064l5.546666 5.802666 171.093334 171.093334c42.752 42.709333 77.994667 44.586667 120.064 5.546666l5.802666-5.546666 256.853334-256.853334a8.448 8.448 0 0 0 1.578666-9.728l-1.578666-2.218666-313.6-313.6a32 32 0 0 1 0-45.226667z" fill="#414441" p-id="6424"></path><path d="M780.714667 618.325333c-57.6 62.592-87.381333 114.773333-87.381334 159.914667 0 61.184 49.749333 110.933333 110.933334 110.933333 61.184 0 110.933333-49.749333 110.933333-110.933333 0-45.184-29.781333-97.28-87.381333-159.914667a32 32 0 0 0-47.104 0z m23.552 70.357334l5.973333 7.509333c27.605333 35.2 40.96 63.061333 40.96 82.048 0 25.856-21.077333 46.933333-46.933333 46.933333-25.856 0-46.933333-21.077333-46.933334-46.933333 0-18.986667 13.354667-46.848 40.96-82.048l5.973334-7.509333z" fill="#414441" p-id="6425"></path></svg>
                        <svg id='luckysheet-icon-cell-color-menu' t="1717399399448" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8197" width="200" height="200"><path d="M511.36 712.32L240.853333 441.813333l30.293334-30.293333 241.493333 241.493333 262.186667-241.92 29.013333 31.146667-292.48 270.08z" p-id="8198"></path></svg>
                        <div class="bg-color-content" ></div>
                        <!-- 背景色 -->
                    </div>
                    <div data-tips="${toolbar.textColor}" class="item-icom color-container"  id="" style="margin:0;">
                        <svg id ="luckysheet-icon-text-color"  t="1717122714777" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8092" width="200" height="200"><path d="M832 896H730.56l-72.576-210.24H361.856L293.44 896H192l270.848-768h98.24L832 896zM629.504 598.976L522.112 279.68c-3.392-10.176-7.04-28.096-11.008-53.504H508.8c-3.392 23.168-7.232 40.96-11.456 53.504l-106.56 319.296h238.72z" p-id="8093" fill="#414441"></path></svg>
                        <svg id='luckysheet-icon-text-color-menu' t="1717399399448" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8197" width="200" height="200"><path d="M511.36 712.32L240.853333 441.813333l30.293334-30.293333 241.493333 241.493333 262.186667-241.92 29.013333 31.146667-292.48 270.08z" p-id="8198"></path></svg>
                        <div class="text-color-content"></div>
                        <!-- 字体颜色 -->
                    </div>
    
                    <div class="item-icom margin-0 padding-0"  id="">
                        <div id="luckysheet-icon-textwrap" class="flex-center icon-and-txt-content">
                            <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
                                <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-textwrap-clip iconfont luckysheet-iconfont-jieduan"
                                    style="user-select: none;font-size:18px;">
                                </div>
                            </div>
                        </div>
                        <svg id='luckysheet-icon-textwrap-menu' t="1717399399448" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8197" width="200" height="200"><path d="M511.36 712.32L240.853333 441.813333l30.293334-30.293333 241.493333 241.493333 262.186667-241.92 29.013333 31.146667-292.48 270.08z" p-id="8198"></path></svg>
                        <!-- 文本换行 -->
                    </div>
    
                    <div class="xuxian">|</div>
                    <div class="item-icom horizonContent activeHover" type="left"  data-tips="${toolbar.horizontalAlign}" >
                        <svg t="1717376399175" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2742" width="200" height="200"><path d="M926.2 225.9H277c-11.5 0-20.9-9.4-20.9-20.9 0-11.5 9.4-20.9 20.9-20.9h649.2c11.5 0 20.9 9.4 20.9 20.9 0 11.5-9.3 20.9-20.9 20.9zM613.1 540.7H277c-11.5 0-20.9-9.4-20.9-20.9 0-11.5 9.4-20.9 20.9-20.9h336c11.5 0 20.9 9.4 20.9 20.9 0.1 11.6-9.3 20.9-20.8 20.9zM779.6 855.6H277c-11.5 0-20.9-9.4-20.9-20.9 0-11.5 9.4-20.9 20.9-20.9h502.6c11.5 0 20.9 9.4 20.9 20.9 0 11.5-9.3 20.9-20.9 20.9z" fill="#1C1C1C" p-id="2743"></path><path d="M116 987c-11.5 0-20.9-9.4-20.9-20.9V73.6c0-11.5 9.4-20.9 20.9-20.9s20.9 9.4 20.9 20.9v892.5c0 11.5-9.3 20.9-20.9 20.9z" fill="#1C1C1C" p-id="2744"></path></svg>
                        <!-- 水平左对齐 -->
                    </div>
                    <div class="item-icom horizonContent" type="center"  data-tips="${toolbar.horizontalAlign}" >
                        <svg t="1717376387219" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2580" width="200" height="200"><path d="M107.7 808.1h814.6c14.5 0 26.2 9.4 26.2 20.9 0 11.5-11.7 20.9-26.2 20.9H107.7c-14.5 0-26.2-9.4-26.2-20.9 0-11.5 11.7-20.9 26.2-20.9zM304.2 493.3h421.6c14.5 0 26.2 9.4 26.2 20.9 0 11.5-11.7 20.9-26.2 20.9H304.2c-14.5 0-26.2-9.4-26.2-20.9 0-11.6 11.7-20.9 26.2-20.9zM199.7 178.4h630.6c14.5 0 26.2 9.4 26.2 20.9s-11.7 20.9-26.2 20.9H199.7c-14.5 0-26.2-9.4-26.2-20.9s11.7-20.9 26.2-20.9z" fill="#1C1C1C" p-id="2581"></path></svg>
                        <!-- 水平据中对齐 -->
                    </div>
                    <div class="item-icom horizonContent" type="right"  data-tips="${toolbar.horizontalAlign}" >
                        <svg t="1717376409338" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2905" width="200" height="200"><path d="M101.8 225.9H751c11.5 0 20.9-9.4 20.9-20.9 0-11.5-9.4-20.9-20.9-20.9H101.8c-11.5 0-20.9 9.4-20.9 20.9 0 11.5 9.3 20.9 20.9 20.9zM414.9 540.7h336c11.5 0 20.9-9.4 20.9-20.9 0-11.5-9.4-20.9-20.9-20.9h-336c-11.5 0-20.9 9.4-20.9 20.9 0 11.6 9.4 20.9 20.9 20.9zM248.4 855.6H751c11.5 0 20.9-9.4 20.9-20.9 0-11.5-9.4-20.9-20.9-20.9H248.4c-11.5 0-20.9 9.4-20.9 20.9 0 11.5 9.3 20.9 20.9 20.9z" fill="#1C1C1C" p-id="2906"></path><path d="M912 987c11.5 0 20.9-9.4 20.9-20.9V73.6c0-11.5-9.4-20.9-20.9-20.9-11.5 0-20.9 9.4-20.9 20.9v892.5c0 11.5 9.3 20.9 20.9 20.9z" fill="#1C1C1C" p-id="2907"></path></svg>
                        <!-- 水平右对齐 -->
                    </div>
    
                    <div class="xuxian">|</div>
    
                    <div class="item-icom verticalContent" type="top" id="">
                        <svg t="1717375780406" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2092" width="200" height="200"><path d="M191 926.8c-11 0-20-9-20-20V287.6c0-11 9-20 20-20s20 9 20 20v619.2c0 11-8.9 20-20 20zM509 628.1c-11 0-20-9-20-20V287.6c0-11 9-20 20-20s20 9 20 20v320.5c0 11-8.9 20-20 20zM827.1 786.9c-11 0-20-9-20-20V287.6c0-11 9-20 20-20s20 9 20 20V767c0 11-9 19.9-20 19.9z" fill="#1C1C1C" p-id="2093"></path><path d="M964 160.3H54.1c-11 0-20-9-20-20s9-20 20-20H964c11 0 20 9 20 20s-9 20-20 20z" fill="#1C1C1C" p-id="2094"></path></svg>
                        <!-- 垂直上对齐 -->
                    </div>
                    <div class="item-icom verticalContent" type="middle" id="">
                        <svg t="1717375802633" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2255" width="200" height="200"><path d="M195 196.3c-11 0-20 9-20 20v619.2c0 11 9 20 20 20s20-9 20-20V216.3c0-11-8.9-20-20-20zM513 345.7c-11 0-20 9-20 20v320.5c0 11 9 20 20 20s20-9 20-20V365.7c0-11.1-8.9-20-20-20zM831.1 266.2c-11 0-20 9-20 20v479.4c0 11 9 20 20 20s20-9 20-20V286.2c0-11-9-20-20-20z" fill="#1C1C1C" p-id="2256"></path></svg>
                        <!-- 垂直据中对齐 -->
                    </div>
                    <div class="item-icom verticalContent" type="bottom" id="">
                        <svg t="1717375814898" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2417" width="200" height="200"><path d="M195 131.2c-11 0-20 9-20 20v619.2c0 11 9 20 20 20s20-9 20-20V151.2c0-11-8.9-20-20-20zM513 429.9c-11 0-20 9-20 20v320.5c0 11 9 20 20 20s20-9 20-20V449.9c0-11-8.9-20-20-20zM831.1 271.1c-11 0-20 9-20 20v479.4c0 11 9 20 20 20s20-9 20-20V291.1c0-11.1-9-20-20-20z" fill="#1C1C1C" p-id="2418"></path><path d="M968 897.7H58.1c-11 0-20 9-20 20s9 20 20 20H968c11 0 20-9 20-20s-9-20-20-20z" fill="#1C1C1C" p-id="2419"></path></svg>
                        <!-- 垂直局下对齐 -->
                    </div>
    
                    <div class="xuxian">|</div>
    
                    <div class="item-icom maring-0"  id="luckysheet-icon-fmt-other-container">
                        <div id="" class="flex-center icon-and-txt-content">
                            <div class="luckysheet-toolbar-menu-button-caption">自动</div>
                        </div>    
                        <!-- 单元格格式 -->
                        <svg id="luckysheet-icon-fmt-other"  t="1717399399448" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8197" width="200" height="200"><path d="M511.36 712.32L240.853333 441.813333l30.293334-30.293333 241.493333 241.493333 262.186667-241.92 29.013333 31.146667-292.48 270.08z" p-id="8198"></path></svg>
                    </div>
                    <div class="item-icom maring-0"  id="luckysheet-icon-font-family-container">
                        <div id="" class="flex-center icon-and-txt-content">
                            <div style="width: 60px;text-align: center;overflow: hidden;
                                text-overflow: ellipsis;white-space: nowrap;" 
                                class="luckysheet-toolbar-menu-button-caption">${fontarray[0]}</div>
                        </div>   
                        <!-- 字体 -->
                        <svg id="luckysheet-icon-font-family" t="1717399399448" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8197" width="200" height="200"><path d="M511.36 712.32L240.853333 441.813333l30.293334-30.293333 241.493333 241.493333 262.186667-241.92 29.013333 31.146667-292.48 270.08z" p-id="8198"></path></svg>
                    </div>
                    <div class="item-icom maring-0"  id="luckysheet-icon-font-size">
                        <div id="" class="flex-center icon-and-txt-content">
                            <div aria-posinset="4" aria-setsize="7" class="luckysheet-inline-block luckysheet-toolbar-combo-button-caption"
                            style="user-select: none;border-right:1px solid transparent;">
                                <input aria-label="${toolbar.fontSize}" class="luckysheet-toolbar-combo-button-input luckysheet-toolbar-textinput"
                                role="combobox" style="user-select: none;" tabindex="-1" type="text" value="10"
                                />
                            </div>
                        </div>    
                        <!-- 字号大小 -->
                        <svg  t="1717399399448" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8197" width="200" height="200"><path d="M511.36 712.32L240.853333 441.813333l30.293334-30.293333 241.493333 241.493333 262.186667-241.92 29.013333 31.146667-292.48 270.08z" p-id="8198"></path></svg>
                    </div>
                    <div class="xuxian">|</div>
                    
                    <div class="item-icom"  id="">
                        <div id="luckysheet-icon-merge-button" class="flex-center icon-and-txt-content">
                            <svg t="1717124456345" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2189" width="200" height="200"><path d="M362.375529 613.556706a29.033412 29.033412 0 0 1-20.720941-8.613647l-0.963764-1.024a33.611294 33.611294 0 0 1-0.90353-45.116235l45.296941-47.706353h-224.677647V445.620706h224.195765l-44.393412-46.742588a33.611294 33.611294 0 0 1-0.903529-45.056l0.903529-1.084236a29.274353 29.274353 0 0 1 42.405647-1.084235l120.591059 126.976-119.145412 125.289412a28.912941 28.912941 0 0 1-21.684706 9.637647m340.931765 0a29.033412 29.033412 0 0 1-20.781176-8.613647L561.995294 478.027294l119.024941-125.289412a29.274353 29.274353 0 0 1 42.405647-1.084235l0.90353 1.084235a33.310118 33.310118 0 0 1 0.963764 44.754824l-45.357176 47.706353h224.256v65.897412h-224.075294l44.333176 46.742588a33.129412 33.129412 0 0 1 0.963765 44.634353l-0.963765 1.084235v0.481882a27.587765 27.587765 0 0 1-21.202823 9.517177m-579.102118 358.821647c-41.441882-3.553882-73.246118-39.152941-73.246117-83.727059V93.364706C50.898824 46.381176 86.136471 9.216 131.011765 9.216h267.986823c44.875294 0 80.112941 36.984471 80.112941 84.208941V177.694118h-62.644705V93.424941a19.456 19.456 0 0 0-4.818824-13.191529 18.672941 18.672941 0 0 0-12.528941-5.662118H130.951529a18.010353 18.010353 0 0 0-12.468705 5.541647 17.106824 17.106824 0 0 0-4.818824 12.769883v794.563764c0 11.685647 6.264471 18.251294 17.287529 18.251294h268.047059a18.010353 18.010353 0 0 0 12.468706-5.541647 17.106824 17.106824 0 0 0 4.818824-12.649411v-84.208942h62.223058v84.148706c0 47.224471-35.237647 84.208941-80.112941 84.208941H124.084706l0.12047 0.722824z m542.479059 0.481882c-44.815059 0-80.052706-36.984471-80.052706-84.208941v-84.208941h62.644706v84.208941c0 11.625412 6.264471 18.251294 17.287529 18.251294h268.649412a19.937882 19.937882 0 0 0 17.28753-18.251294V93.906824c0-11.625412-6.264471-18.251294-17.28753-18.251295h-268.528941a19.937882 19.937882 0 0 0-17.287529 18.251295V180.705882H586.691765V93.967059c0-47.224471 35.237647-84.208941 80.112941-84.208941h267.986823c44.875294 0 80.112941 36.984471 80.112942 84.208941v794.74447c0 47.224471-35.237647 84.208941-80.112942 84.208942h-268.167529z" fill="#666666" p-id="2190"></path></svg>
                            <div>合并</div>
                        </div>
                        <svg id="luckysheet-icon-merge-menu" t="1717399399448" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8197" width="200" height="200"><path d="M511.36 712.32L240.853333 441.813333l30.293334-30.293333 241.493333 241.493333 262.186667-241.92 29.013333 31.146667-292.48 270.08z" p-id="8198"></path></svg>
                    </div>
         
                    <div class="item-icom"  id="">
                        <div id="luckysheet-freezen-new-btn-horizontal" class="flex-center icon-and-txt-content">
                            <svg t="1717124556404" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2350" width="200" height="200"><path d="M990.608696 478.608696h-208.806957l143.36-143.36a33.391304 33.391304 0 0 0-47.193043-47.193044l-190.553044 190.553044H545.391304v-142.024348l190.553044-190.553044a33.391304 33.391304 0 0 0-47.193044-47.193043l-143.36 143.36V33.391304a33.391304 33.391304 0 0 0-66.782608 0v208.806957l-143.36-143.36a33.391304 33.391304 0 0 0-47.193044 47.193043l190.553044 190.553044v142.024348h-142.024348l-190.553044-190.553044a33.391304 33.391304 0 0 0-47.193043 47.193044l143.36 143.36H33.391304a33.391304 33.391304 0 0 0 0 66.782608h208.806957l-143.36 143.36a33.391304 33.391304 0 1 0 47.193043 47.193044l190.553044-190.553044h142.024348v142.024348l-190.553044 190.553044a33.391304 33.391304 0 1 0 47.193044 47.193043l143.36-143.36v208.806957a33.391304 33.391304 0 0 0 66.782608 0v-208.806957l143.36 143.36a33.391304 33.391304 0 0 0 47.193044-47.193043l-190.553044-190.553044V545.391304h142.024348l190.553044 190.553044a33.391304 33.391304 0 0 0 47.193043-47.193044l-143.36-143.36h208.806957a33.391304 33.391304 0 0 0 0-66.782608z" fill="#444444" p-id="2351"></path></svg>
                            <div>冻结</div>
                        </div>                        
                        <svg id="luckysheet-icon-freezen-menu" t="1717399399448" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8197" width="200" height="200"><path d="M511.36 712.32L240.853333 441.813333l30.293334-30.293333 241.493333 241.493333 262.186667-241.92 29.013333 31.146667-292.48 270.08z" p-id="8198"></path></svg>
                    </div>
                    <div class="item-icom"  id="luckysheet-icon-conditionformat">
                        <div id="" class="flex-center icon-and-txt-content">
                            <svg t="1717124612640" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2511" width="200" height="200"><path d="M922.666667 906.666667h-469.333334c-32.426667 0-58.666667-26.282667-58.666666-58.666667V554.666667c0-32.426667 26.282667-58.666667 58.666666-58.666667h469.333334c32.426667 0 58.666667 26.282667 58.666666 58.666667v293.333333c0 32.426667-26.282667 58.666667-58.666666 58.666667z m0-352h-469.333334v293.333333h469.333334V554.666667z m-117.333334 117.333333h-234.666666v-58.666667h234.666666v58.666667z m0 117.333333h-234.666666v-58.666666h234.666666V789.333333zM746.666667 320h-176v117.333333H512V320H336v352h-234.666667c-32.426667 0-58.666667-26.282667-58.666666-58.666667v-469.333333C42.666667 111.573333 68.949333 85.333333 101.333333 85.333333H746.666667c32.426667 0 58.666667 26.282667 58.666666 58.666667v293.333333H746.666667V320z m-469.333334-176H101.333333v117.333333H277.333333v-117.333333z m0 176H101.333333v117.333333H277.333333V320z m0 176H101.333333v117.333333H277.333333v-117.333333z m234.666667-352H336v117.333333H512v-117.333333z m234.666667 0h-176v117.333333H746.666667v-117.333333z" fill="#000000" p-id="2512"></path></svg>
                            <div>条件格式</div>
                        </div>                        
                        <svg  t="1717399399448" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8197" width="200" height="200"><path d="M511.36 712.32L240.853333 441.813333l30.293334-30.293333 241.493333 241.493333 262.186667-241.92 29.013333 31.146667-292.48 270.08z" p-id="8198"></path></svg>
                        <!-- 条件格式 -->
                    </div>
                    <div class="item-icom"  id="luckysheet-icon-seachmore">
                        <div id="" class="flex-center icon-and-txt-content">
                            <svg t="1717124628949" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2668" width="200" height="200"><path d="M948.032 902.784l-206.976-206.976C797.696 628.928 832 542.528 832 448c0-212.064-171.936-384-384-384S64 235.936 64 448s171.936 384 384 384c94.528 0 180.928-34.304 247.808-90.912l206.976 206.976c14.016 14.016 35.488 15.232 48 2.72C963.264 938.272 962.048 916.8 948.032 902.784zM448 768C271.264 768 128 624.736 128 448S271.264 128 448 128s320 143.264 320 320S624.736 768 448 768z" fill="#272636" p-id="2669"></path></svg>
                            <div>查找</div>
                        </div>    
                        <svg  t="1717399399448" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8197" width="200" height="200"><path d="M511.36 712.32L240.853333 441.813333l30.293334-30.293333 241.493333 241.493333 262.186667-241.92 29.013333 31.146667-292.48 270.08z" p-id="8198"></path></svg>

                    </div>
                    <div class="item-icom"  id="luckysheet-icon-sort">
                        <div id="sortIcon" class="flex-center icon-and-txt-content">
                            <svg t="1717224431215" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7277" width="200" height="200"><path d="M800.256 741.888l47.616-47.616a31.744 31.744 0 0 1 45.056 45.056l-102.4 102.4a31.744 31.744 0 0 1-54.272-22.528V204.8a32.256 32.256 0 0 1 64 0zM153.6 237.056a32.256 32.256 0 0 1 0-64h460.8a32.256 32.256 0 0 1 0 64z m0 307.2a32.256 32.256 0 0 1 0-64h460.8a32.256 32.256 0 0 1 0 64z m0 307.2a32.256 32.256 0 0 1 0-64h460.8a32.256 32.256 0 0 1 0 64z" fill="#707070" p-id="7278"></path></svg>
                            <div>排序</div>
                        </div>    
                        <svg  id="sortDropdown"  t="1717399399448" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8197" width="200" height="200"><path d="M511.36 712.32L240.853333 441.813333l30.293334-30.293333 241.493333 241.493333 262.186667-241.92 29.013333 31.146667-292.48 270.08z" p-id="8198"></path></svg>
                    </div>
                    <div class="item-icom"  id="luckysheet-icon-autofilter">
                        <div id="myAsc" class="flex-center icon-and-txt-content">
                            <svg t="1717224468777" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8357" width="200" height="200"><path d="M547.84 969.547294a32.286118 32.286118 0 0 1-31.744-32.707765V376.952471c0-7.830588 2.710588-15.36 7.710118-21.323295L764.385882 66.861176H111.917176l220.882824 289.912471a33.551059 33.551059 0 0 1 6.806588 20.239059v334.305882l95.472941 98.544941c5.903059 6.144 9.155765 14.456471 9.09553 23.130353a33.129412 33.129412 0 0 1-9.456941 23.070118 31.021176 31.021176 0 0 1-44.513883 0L285.515294 747.881412a33.069176 33.069176 0 0 1-9.276235-23.130353V388.276706L21.744941 54.332235A33.490824 33.490824 0 0 1 27.045647 8.372706 31.201882 31.201882 0 0 1 46.622118 1.325176h786.793411c8.432941 0 16.504471 3.433412 22.40753 9.637648a33.370353 33.370353 0 0 1 1.626353 44.453647L579.523765 389.12v547.719529c0 18.070588-14.215529 32.707765-31.683765 32.707765" fill="#707070" p-id="8358"></path><path d="M701.680941 475.015529a32.286118 32.286118 0 0 1-31.201882-33.129411 32.045176 32.045176 0 0 1 31.322353-32.346353h245.157647c17.528471 0 31.744 14.697412 31.744 32.768 0 18.070588-14.215529 32.707765-31.683765 32.707764h-245.338353z m0 202.511059a32.286118 32.286118 0 0 1-31.683765-32.768c0-18.070588 14.215529-32.647529 31.683765-32.707764h245.338353c17.468235 0.060235 31.623529 14.697412 31.683765 32.768-0.060235 18.070588-14.215529 32.647529-31.683765 32.707764h-245.338353z m0 204.8a31.021176 31.021176 0 0 1-22.407529-9.517176 33.069176 33.069176 0 0 1-9.276236-23.190588c0-18.070588 14.215529-32.647529 31.683765-32.707765h245.338353c17.468235 0 31.623529 14.697412 31.683765 32.768-0.060235 18.070588-14.215529 32.647529-31.683765 32.707765h-245.338353z" fill="#707070" p-id="8359"></path></svg>
                            <div>筛选</div>
                        </div>    
                        <svg id="myDropdown" t="1717399399448" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8197" width="200" height="200"><path d="M511.36 712.32L240.853333 441.813333l30.293334-30.293333 241.493333 241.493333 262.186667-241.92 29.013333 31.146667-292.48 270.08z" p-id="8198"></path></svg>
                    </div>
    
                </div>
            </div>
        </div>  
        `
    // }

    const showtoolbar = luckysheetConfigsetting.showtoolbar;
    const showtoolbarConfig = luckysheetConfigsetting.showtoolbarConfig;

    const buttonHTML = ['<div class="luckysheet-toolbar-left-theme"></div>'];

    // 数组形式直接生成
    if (getObjType(showtoolbarConfig) === 'array') {
        // 此时不根据 showtoolbar=false，showtoolbarConfig为某几个进行适配，此时showtoolbarConfig本身就是全部要显示的按钮
        if (!showtoolbar) {
            return '';
        }
        let i = 0;
        showtoolbarConfig.forEach(function (key, i) {
            if (key === '|') {
                const nameKeys = showtoolbarConfig[i - 1]
                if (nameKeys !== '|') {
                    buttonHTML.push(
                        `<div id="toolbar-separator-${camel2split(nameKeys)}" class="luckysheet-toolbar-separator luckysheet-inline-block" style="user-select: none;"></div>`
                    );
                }
            } else {
                buttonHTML.push(htmlMap[key]);
            }
        });
        return buttonHTML.join('');
    }

    const config = defaultToolbar().reduce(function (total, curr) {
        if (curr !== '|') {
            total[curr] = true;
        }
        return total;
    }, {});

    if (!showtoolbar) {
        for (let s in config) {
            config[s] = false;
        }
    }

    // 对象模式 则从里面挑选 true 保留 false 删掉
    if (JSON.stringify(showtoolbarConfig) !== '{}') {
        if (showtoolbarConfig.hasOwnProperty('undoRedo')) {
            config.undo = config.redo = showtoolbarConfig.undoRedo;
        }
        Object.assign(config, showtoolbarConfig);
    }
    for (let i = 0; i < defaultToolbar().length; i++) {
        let key = defaultToolbar()[i];
        if (!config[key] && key !== '|') {
            // 如果当前元素隐藏 按照之前的规则 后面紧跟的 | 分割也不需要显示了
            if (defaultToolbar()[i + 1] === '|') {
                i++;
            }
            continue;
        }
        if (key === '|') {
            const nameKeys = defaultToolbar()[i - 1]
            if (nameKeys !== '|') {
                buttonHTML.push(
                    `<div id="toolbar-separator-${camel2split(nameKeys)}" class="luckysheet-toolbar-separator luckysheet-inline-block" style="user-select: none;"></div>`
                );
            }
        } else {
            buttonHTML.push(htmlMap[key]);
        }
    }
    return buttonHTML.join('');
}
